回答編集履歴
1
質問を受けて追記
answer
CHANGED
|
@@ -20,4 +20,14 @@
|
|
|
20
20
|
|
|
21
21
|
しかし、`.box`に`height: 100vh`が指定されてるので、スクロールバーは`.box`に付きます。よって、`window`ではなく、`.box`の`scroll`イベントをlistenすべきでしょう。
|
|
22
22
|
|
|
23
|
-
あるいは、ハンドラの仕込みはそのままで、「試したこと」に書かれているように、`.box`の`height: 100vh`を削除しても良いと思います。「画面にピタッと収まらなくなる」の詳細が良く分かりませんが、たぶん、`body`に`margin: 0`を付けると解消しませんか?
|
|
23
|
+
あるいは、ハンドラの仕込みはそのままで、「試したこと」に書かれているように、`.box`の`height: 100vh`を削除しても良いと思います。「画面にピタッと収まらなくなる」の詳細が良く分かりませんが、たぶん、`body`に`margin: 0`を付けると解消しませんか?
|
|
24
|
+
|
|
25
|
+
** 質問を受けて追記 **
|
|
26
|
+
`window`ではなく、`.box`にイベントハンドラを仕込むコードは、
|
|
27
|
+
↓こんな感じです。
|
|
28
|
+
|
|
29
|
+
```javascript
|
|
30
|
+
var box = document.querySelector('.box');
|
|
31
|
+
box.addEventListener('load', scrollAnimationFunc);
|
|
32
|
+
box.addEventListener('scroll', scrollAnimationFunc);
|
|
33
|
+
```
|