質問編集履歴
2
ヘッダ部分に…という表現に誤りがありました。正しくはページ上面です。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
それぞれナビゲーションメニューを設置し、スクロールさせると
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
ナビゲーションメニューがページ上面に固定（追随）され、
|
|
16
16
|
|
|
17
17
|
かつ、一定の場所までスクロールしたら消えるようにしたいです。
|
|
18
18
|
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
|
|
67
67
|
以下のスクリプトを使い、
|
|
68
68
|
|
|
69
|
-
1ヶ所目(「A要素」)のナビゲーションをページ
|
|
69
|
+
1ヶ所目(「A要素」)のナビゲーションをページ上面に固定・追随させ、
|
|
70
70
|
|
|
71
71
|
また一定の場所までスクロールすると消えるように設定できました。
|
|
72
72
|
|
|
@@ -160,9 +160,9 @@
|
|
|
160
160
|
|
|
161
161
|
…問題は2カ所目です。
|
|
162
162
|
|
|
163
|
-
コンテンツ要素Bのナビゲーション
|
|
163
|
+
コンテンツ要素Bのナビゲーションが
|
|
164
164
|
|
|
165
|
-
|
|
165
|
+
ページ上面に来ても何も動作しません。
|
|
166
166
|
|
|
167
167
|
この場合、いかにして2ヶ所目のナビゲーションメニューを
|
|
168
168
|
|
1
ソースコードをコードブロックを使って記載しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -74,6 +74,8 @@
|
|
|
74
74
|
|
|
75
75
|
【実装例】
|
|
76
76
|
|
|
77
|
+
```ここに言語を入力
|
|
78
|
+
|
|
77
79
|
<script>
|
|
78
80
|
|
|
79
81
|
// ナビゲーションを固定
|
|
@@ -122,9 +124,11 @@
|
|
|
122
124
|
|
|
123
125
|
</script>
|
|
124
126
|
|
|
125
|
-
|
|
127
|
+
```
|
|
126
128
|
|
|
127
129
|
■HTMLソース
|
|
130
|
+
|
|
131
|
+
```ここに言語を入力
|
|
128
132
|
|
|
129
133
|
<ul id="nav">
|
|
130
134
|
|
|
@@ -148,6 +152,10 @@
|
|
|
148
152
|
|
|
149
153
|
<div id="#stop"></div>
|
|
150
154
|
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
|
|
151
159
|
|
|
152
160
|
|
|
153
161
|
…問題は2カ所目です。
|