質問編集履歴

3

すみません ! 修正しました。

2018/02/16 04:00

投稿

Noripyon
Noripyon

スコア10

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,12 @@
1
- 実現したいと :
1
+ んにちは。
2
2
 
3
- 最上部ガクンとるところを直たい。
3
+ 初めて利用で、ぎこちいですが、お願います !
4
-
5
- または、もっとスマートな方法があればそちらへのりかえてみたい。
6
4
 
7
5
 
8
6
 
9
- ---
7
+ 最上部のガクンとなるところを直したいです。
8
+
9
+ または、もっとスマートな方法があればそちらへのりかえてみたいです。
10
10
 
11
11
 
12
12
 
@@ -15,6 +15,10 @@
15
15
  いちばん上だけが、マウスで上下にスクロールするときに、引っかかります。
16
16
 
17
17
  よく観察すると解りますが、がくんとなります。
18
+
19
+ ネットでヘッダーを固定する方法をいろいろと調べたのですが、何故か私のほうに nav タグで固定すると、どれもこれも同じような動作になりました。
20
+
21
+ 自分なりにいじってみた結果が
18
22
 
19
23
 
20
24
 
@@ -42,4 +46,18 @@
42
46
 
43
47
  css で calc で fixed する幅を調整しています。
44
48
 
49
+ どうすればこのひっかかる動作を改善できるかを知りたいです。
50
+
51
+ 細かいところを観察すると、その引っかかる分だけは、ヘッダーの左右のグレーの線も消えてしまいます。
52
+
53
+
54
+
55
+ 何か良い案がありましたら教えてください… !
56
+
57
+
58
+
45
- よろしくお願します。
59
+ じる前の元のほうは、
60
+
61
+ [http://n-slow-life.sakura.ne.jp/main.htm](http://n-slow-life.sakura.ne.jp/main.htm)
62
+
63
+ です。

2

投稿を修正しました。

2018/02/16 04:00

投稿

Noripyon
Noripyon

スコア10

test CHANGED
File without changes
test CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  css :
28
28
 
29
- [http://n-slow-life.sakura.ne.jp/css/norippy_white_style_test.css](http://n-slow-life.sakura.ne.jp/css/norippy_white_style_test.css)
29
+ [http://n-slow-life.sakura.ne.jp/css/norippy_style_white_test.css](http://n-slow-life.sakura.ne.jp/css/norippy_style_white_test.css)
30
30
 
31
31
 
32
32
 

1

初めての投稿です。編集しました。

2018/02/16 03:42

投稿

Noripyon
Noripyon

スコア10

test CHANGED
File without changes
test CHANGED
@@ -20,19 +20,19 @@
20
20
 
21
21
  html :
22
22
 
23
- http://n-slow-life.sakura.ne.jp/main_test.htm
23
+ [http://n-slow-life.sakura.ne.jp/main_test.htm](http://n-slow-life.sakura.ne.jp/main_test.htm)
24
24
 
25
25
 
26
26
 
27
27
  css :
28
28
 
29
- http://n-slow-life.sakura.ne.jp/css/norippy_white_style_test.css
29
+ [http://n-slow-life.sakura.ne.jp/css/norippy_white_style_test.css](http://n-slow-life.sakura.ne.jp/css/norippy_white_style_test.css)
30
30
 
31
31
 
32
32
 
33
33
  javascript :
34
34
 
35
- http://n-slow-life.sakura.ne.jp/js/menu.js
35
+ [http://n-slow-life.sakura.ne.jp/js/menu.js](http://n-slow-life.sakura.ne.jp/js/menu.js)
36
36
 
37
37
 
38
38