回答編集履歴
2
fix :bug: fix syntax
answer
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
<div>
|
|
12
12
|
<div>
|
|
13
|
-
<p
|
|
13
|
+
<p id="el3" style="--el-color:orange"></p>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
16
|
|
1
句点修正
answer
CHANGED
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
.js-el {color: var(--el-color);}
|
|
22
22
|
```
|
|
23
23
|
|
|
24
|
-
scrollイベントごとに（スクロール中はミリ秒単位で）classList.toggleするとかありえないと思うので、ここは意図通りでないかまだ途中なんだと思いますが
|
|
24
|
+
scrollイベントごとに（スクロール中はミリ秒単位で）classList.toggleするとかありえないと思うので、ここは意図通りでないかまだ途中なんだと思いますが、画面に入ったらとかそういうタイミングでの切り替えなら[Intersection Observer](https://developer.mozilla.org/ja/docs/Web/API/Intersection_Observer_API)を使ってください。
|