스크립트 질문

<script>  
    const ioInfo01Img = new IntersectionObserver((entries) => {
        entries.forEach((entry) => {
            const $target = entry.target;
            if (entry.isIntersecting) {
                $target.classList.add("active");
            } else {
                $target.classList.remove("active");
            }
        });
    },{threshold: .3});

    const $itemsInfo01Img = document.querySelectorAll("#main_contents_wr06")
    $itemsInfo01Img.forEach((item) => {
        ioInfo01Img.observe(item);
    });
</script>

안녕하세요 고수님들 ㅜㅜ 이 스크립트는 해당 #main_contents_wr06에 왔을시 active 클래스가 들어가지는 스크립트인데요 해당 #main_contents_wr06에 왔을시 말고 #main_contents_wr06의 끝점에서 클래스가 들어가게끔 하려면 어딜 수정해야할까요 ????