IntersectionObserver의 콜백 함수가 호출되지 않았습니다.

Question

크로스 뷰어가 있습니다. 모든 것이 잘 작동합니다. 상단 섹션이 있습니다. 그러나 아래로 스크롤한 다음 새로 고치면(이전에 표시된 섹션으로 새로 고쳐짐) 크로스 뷰어 콜백이 보이는 섹션 대신 상단 섹션으로 호출됩니다.

const 관찰자CallBack = (항목, 관찰자) =>
    const [항목] = 항목

    console.log("콜백:",entry.target)
    if(!entry.isIntersecting) return;
    if(entry.target.children.length > 1){
        Entry.target.children[1].classList.remove('slide-from-right')
        Entry.target.children[0].classList.remove('왼쪽에서 슬라이드')
    }또 다른{
        Entry.target.classList.remove('왼쪽에서 슬라이드')
    }
    관찰자.unobserve(entry.target)
}

const 관찰 옵션 = {
    루트:널,
    임계값:[0.5, 0.9],
}

const 관찰자 = 새로운 IntersectionObserver(observerCallBack,observeOptions)

console.log를 사용해 보았지만 해결책을 찾지 못했습니다.

Answer 1

관찰하려는 요소를 제공하여 생성 중인 관찰자를 구독해야 합니다.

으아악