Die Rückruffunktion von IntersectionObserver wurde nicht aufgerufen
P粉052724364
P粉052724364 2023-08-15 20:15:03
0
1
442
<p>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. </p> <pre class="brush:php;toolbar:false;">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)</pre> <p>Ich habe versucht, console.log zu verwenden, habe aber keine Lösung gefunden. </p>
P粉052724364
P粉052724364

Antworte allen(1)
P粉366946380

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

observer.observe(this.elementRef.nativeElement);
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage