回答編集履歴
2
表記の軽微な変更
test
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
`.each()`を試してみてはどうでしょうか。
|
2
2
|
[.each() | jQuery API Documentation](https://api.jquery.com/each/)
|
3
|
+
|
4
|
+
---
|
3
5
|
|
4
6
|
### コメントを受けて追記
|
5
7
|
|
1
コメントを受けて追記
test
CHANGED
@@ -1,2 +1,16 @@
|
|
1
1
|
`.each()`を試してみてはどうでしょうか。
|
2
2
|
[.each() | jQuery API Documentation](https://api.jquery.com/each/)
|
3
|
+
|
4
|
+
### コメントを受けて追記
|
5
|
+
|
6
|
+
どうやら、「idが同じ数字になってしまう」ということは問題ではなかったようなので、スクロールエフェクトに関する一般論的な回答を追記します。
|
7
|
+
|
8
|
+
Intersection Observer を利用するのが楽だと思います。
|
9
|
+
[JSでのスクロール連動エフェクトにはIntersection Observerが便利 - ICS MEDIA](https://ics.media/entry/190902/)
|
10
|
+
|
11
|
+
---
|
12
|
+
|
13
|
+
なお、スタイルを変更するのにstyle要素を差し込むのはやめた方がいいかと思います。
|
14
|
+
|
15
|
+
以下の記事が参考になると思います。
|
16
|
+
[スタイルとクラス](https://ja.javascript.info/styles-and-classes)
|