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