Die Rückruffunktion von IntersectionObserver wurde nicht aufgerufen

Question

Ich habe einen Cross Viewer. Alles funktioniert gut. Ich habe einen oberen Bereich. Wenn ich jedoch nach unten scrolle und dann aktualisiere (es wird der zuvor sichtbare Abschnitt aktualisiert), wird der Cross-Viewer-Rückruf für den oberen Abschnitt und nicht für den sichtbaren Abschnitt aufgerufen.

const ObserverCallBack = (Einträge, Observer) =>
    const [Eintrag] = Einträge

    console.log("Callback:",entry.target)
    if(!entry.isIntersecting) return;
    if(entry.target.children.length > 1){
        enter.target.children[1].classList.remove('slide-from-right')
        enter.target.children[0].classList.remove('slide-from-left')
    }anders{
        enter.target.classList.remove('slide-from-left')
    }
    Observer.unobserve(entry.target)
}

const observOptions = {
    root:null,
    Schwellenwert:[0,5, 0,9],
}

const observer = new IntersectionObserver(observerCallBack,observeOptions)

Ich habe versucht, console.log zu verwenden, habe aber keine Lösung gefunden.

Answer 1

您需要通过为其提供要观察的元素来订阅您正在创建的观察者。

observer.observe(this.elementRef.nativeElement);