IntersectionObserver のコールバック関数が呼び出されませんでした

Question

クロスビューアを使用しています。すべてがうまくいきます。トップセクションがあります。しかし、下にスクロールして更新すると (前に表示されていたセクションが更新されます)、表示されているセクションではなく、上部のセクションに対してクロスビューアー コールバックが呼び出されます。

constobserverCallBack = (エントリ, オブザーバー) => {
    const [エントリ] = エントリ

    console.log("コールバック:",entry.target)
    if(!entry.isIntersecting) 戻り値;
    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)
}

constobserveOptions = {
    ルート:null、
    しきい値:[0.5、0.9]、
}

const observer = new IntersectionObserver(observerCallBack,observeOptions)

console.log を使用してみましたが、解決策が見つかりませんでした。

Answer 1

観察したい要素を提供して、作成しているオブザーバーをサブスクライブする必要があります。

リーリー