크로스 뷰어가 있습니다. 모든 것이 잘 작동합니다. 상단 섹션이 있습니다. 그러나 아래로 스크롤한 다음 새로 고치면(이전에 표시된 섹션으로 새로 고쳐짐) 크로스 뷰어 콜백이 보이는 섹션 대신 상단 섹션으로 호출됩니다.
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를 사용해 보았지만 해결책을 찾지 못했습니다.
관찰하려는 요소를 제공하여 생성 중인 관찰자를 구독해야 합니다.
으아악