回答編集履歴
1
質問を受けて追記
test
CHANGED
|
@@ -43,3 +43,23 @@
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
あるいは、ハンドラの仕込みはそのままで、「試したこと」に書かれているように、`.box`の`height: 100vh`を削除しても良いと思います。「画面にピタッと収まらなくなる」の詳細が良く分かりませんが、たぶん、`body`に`margin: 0`を付けると解消しませんか?
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
** 質問を受けて追記 **
|
|
50
|
+
|
|
51
|
+
`window`ではなく、`.box`にイベントハンドラを仕込むコードは、
|
|
52
|
+
|
|
53
|
+
↓こんな感じです。
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
```javascript
|
|
58
|
+
|
|
59
|
+
var box = document.querySelector('.box');
|
|
60
|
+
|
|
61
|
+
box.addEventListener('load', scrollAnimationFunc);
|
|
62
|
+
|
|
63
|
+
box.addEventListener('scroll', scrollAnimationFunc);
|
|
64
|
+
|
|
65
|
+
```
|