回答編集履歴
2
数値や条件を、質問文に合わせた修正
test
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
const rect = targetDom.getBoundingClientRect();
|
|
18
18
|
|
|
19
|
-
if (rect.top
|
|
19
|
+
if (rect.top <= $(window).height() - 100 && rect.top > 100) { // 数値は例
|
|
20
20
|
|
|
21
21
|
if(!flg){
|
|
22
22
|
|
|
@@ -31,3 +31,7 @@
|
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
```
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
上の例では、対象要素の頭が、下から100px位置まできた、かつ、ビューポート上から100pxまでの範囲の時に、実行としています。
|
1
句読点がうまく反映されないので、改行を加えた
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
バニラJS（素のJavaScriptのこと）では、対象要素の、
|
|
2
|
+
|
|
1
|
-
|
|
3
|
+
ビューポート（ブラウザの表示領域）からの相対位置を取る方法があるので、
|
|
2
4
|
|
|
3
5
|
それを使えばよいかと。
|
|
4
6
|
|