質問編集履歴
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,14 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
IntersectionObserverを使いスクロールしたら画面内に画像が入ったらイベントを起こすようなものを作ってます
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
通常bodyにあたるものだと思いますが、div領域(id obj)にIntersectionObserverをあてるにはどうしたらいいのでしょうか？
|
|
4
4
|
|
|
5
5
|
詳しい方お願いいたします
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
[JavaScript IntersectionObserverについて](https://teratail.com/questions/312727)
|
|
10
|
-
|
|
11
|
-
|
|
12
6
|
|
|
13
7
|
|
|
14
8
|
|
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
JavaScriptでスクロールして画面内に画像が入ったらイベントを起こすようなものを作ってます
|
|
2
2
|
|
|
3
|
-
スクロールをdiv領域(
|
|
3
|
+
スクロールをdiv領域(id obj)にした場合にIntersectionObserverをあてるにはどうしたらいいのでしょうか？
|
|
4
4
|
|
|
5
5
|
詳しい方お願いいたします
|
|
6
6
|
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
<div style="width:300px;height:300px;overflow-y:scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;">
|
|
31
|
+
<div id="obj" style="width:300px;height:300px;overflow-y:scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;">
|
|
32
32
|
|
|
33
33
|
<img class="target" src="https://lohas.nicoseiga.jp/thumb/2716331i?">
|
|
34
34
|
|