La fonction de rappel d'IntersectionObserver n'a pas été appelée

Question

J'ai un cross viewer. Tout fonctionne bien. J'ai une section supérieure. Mais lorsque je fais défiler vers le bas puis que j'actualise (il s'actualise dans la section précédemment visible), le rappel cross-viewer est appelé vers la section supérieure au lieu de la section visible.

const observerCallBack = (entrées, observateur) =>
    const [entrée] = entrées

    console.log("Rappel :",entry.target)
    if(!entry.isIntersecting) return;
    si (entrée.target.enfants.longueur > 1){
        Entry.target.children[1].classList.remove('slide-from-right')
        Entry.target.children[0].classList.remove('slide-from-left')
    }autre{
        Entry.target.classList.remove('slide-from-left')
    }
    observateur.unobserve(entry.target)
}

const observerOptions = {
    racine : nulle,
    seuil : [0,5, 0,9],
}

const observer = new IntersectionObserver(observerCallBack,observeOptions)

J'ai essayé d'utiliser console.log mais je n'ai trouvé aucune solution.

Answer 1

Vous devez vous abonner à l'observateur que vous créez en lui fournissant les éléments que vous souhaitez observer.

observer.observe(this.elementRef.nativeElement);