JavaScript IntersectionObserverについて

Question

IntersectionObserverを使いスクロールしたら画面内に画像が入ったらイベントを起こすようなものを作ってます
通常bodyにあたるものだと思いますが、div領域(id obj)にIntersectionObserverをあてるにはどうしたらいいのでしょうか？
詳しい方お願いいたします

<style>
#space {
background-color:aqua;
height:130vh;
}
</style>

<div id="obj" style="width:300px;height:300px;overflow-y:scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;">
<img class="target" src="https://lohas.nicoseiga.jp/thumb/2716331i?">

<div id="space"></div>

<img class="target" src="https://lohas.nicoseiga.jp/thumb/2716331i?">

<div id="space"></div>

<img class="target" src="https://lohas.nicoseiga.jp/thumb/2716331i?">
</div>

<script>
var options = {
threshold:1
};

a=document.querySelectorAll('.target');
c=a.length-1;

const observer = new IntersectionObserver((entries) => {

if (entries[0].intersectionRatio != 0) {
    alert(entries[0]);
}
}, options);

for(i=0;i<=c;i++){
    observer.observe(a[i]);
}
</script>

Answer 1

例が載っています。

【Intersection Observer API - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Intersection_Observer_API

Answer 2

ご存知の方回答よろしくお願いいたします