質問編集履歴
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -56,9 +56,14 @@
|
|
|
56
56
|
jquery の動作チェック（スムーススクロールが動作しているのjqueryは動いていると思います）
|
|
57
57
|
|
|
58
58
|
検証ツールのチェック
|
|
59
|
-
指定したエリアにスクロール
|
|
59
|
+
指定したエリアにスクロールすると、span classに is-in というクラスがついているのが確認できましたが、
|
|
60
|
+
色が変わりません。
|
|
60
61
|
|
|
62
|
+
.hamburger span.is-in {
|
|
63
|
+
color: #fff;
|
|
64
|
+
}
|
|
61
65
|
|
|
66
|
+
の書き方がNGなのかもしれませんがわかりません。
|
|
62
67
|
|
|
63
68
|
|
|
64
69
|
|
|
@@ -155,8 +160,9 @@
|
|
|
155
160
|
let areaBottom = areaTop + jQuery(".target-area").innerHeight() +50; // 対象エリアの下部の位置
|
|
156
161
|
|
|
157
162
|
if (scrollTop > areaTop && scrollTop < areaBottom) {
|
|
158
|
-
jQuery(".h
|
|
163
|
+
jQuery(".hamburger span").addClass("is-in"); // スクロールが対象エリアに入った場合
|
|
159
164
|
} else {
|
|
160
|
-
jQuery(".h
|
|
165
|
+
jQuery(".hamburger span").removeClass("is-in"); // スクロールが対象エリアから出ている場合
|
|
161
166
|
}
|
|
167
|
+
});
|
|
162
168
|
```
|
1
PC 時は非表示でスマホ時のみハンバーガーメニューがでるようにしています。の追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
スクロールが特定のエリアにはいったら、色を変えるjquery を実装しようとしています。
|
|
2
2
|
|
|
3
3
|
ここでは背景が黒い部分のときだけ、ハンバーガーメニューの色を白色にしようと記述しています。
|
|
4
|
+
|
|
5
|
+
※PC 時は非表示でスマホ時のみハンバーガーメニューがでるようにしています。
|
|
4
6
|
|
|
5
7
|
/*指定した領域だけハンバーガーメニューの色を変える*/
|
|
6
8
|
|