質問編集履歴

1

訂正したいコードの詳細を載せました。

2020/05/10 05:55

投稿

kaaaarin
kaaaarin

スコア17

test CHANGED
File without changes
test CHANGED
@@ -13,6 +13,96 @@
13
13
  FileZillaでファイルを移行したので、FileZillaのファイルを直接修正したのですが、反映されません。
14
14
 
15
15
  保存はしています。
16
+
17
+
18
+
19
+ なお、直したいコードの一部です。
20
+
21
+ 訂正したいコード
22
+
23
+ ```javascript
24
+
25
+ {
26
+
27
+ const skillsPage = document.querySelectorAll('.skills--page__language');
28
+
29
+
30
+
31
+ function scrollAnimation () {
32
+
33
+ for(let i = 0; i < skillsPage.length; i++) {
34
+
35
+ let margin = 50;
36
+
37
+ if(window.innerHeight > skillsPage[i].getBoundingClientRect().top + margin) {
38
+
39
+ skillsPage[i].classList.add('active');
40
+
41
+ }
42
+
43
+ }
44
+
45
+ }console.log
46
+
47
+ window.addEventListener('load',scrollAnimation);
48
+
49
+ window.addEventListener('scroll',scrollAnimation);
50
+
51
+
52
+
53
+
54
+
55
+ }
56
+
57
+ ```
58
+
59
+ 訂正予定のコード
60
+
61
+ ```javascript
62
+
63
+ {
64
+
65
+ window.addEventListener('DOMContentLoaded',() => {
66
+
67
+
68
+
69
+ function scrollAnimation () {
70
+
71
+ let skillsPage = document.querySelectorAll('.skills--page__language');
72
+
73
+ for(let i = 0; i < skillsPage.length; i++) {
74
+
75
+ let margin = 50;
76
+
77
+ if(window.innerHeight > skillsPage[i].getBoundingClientRect().top + margin) {
78
+
79
+ skillsPage[i].classList.add('active');
80
+
81
+ }
82
+
83
+ }
84
+
85
+ }
86
+
87
+ window.addEventListener('load',scrollAnimation());
88
+
89
+ window.addEventListener('scroll',scrollAnimation());
90
+
91
+
92
+
93
+
94
+
95
+ });
96
+
97
+
98
+
99
+ }
100
+
101
+
102
+
103
+
104
+
105
+ ```
16
106
 
17
107
 
18
108