Anwendung IntersectionObserver

[Nico R.]

Hallo zusammen,

ich komme nochmal auf diesen Thread zurück. Ich hab jetzt mal versucht, den IntersectionObserver zu implementieren. Hier nochmal das alte Beispiel mit der scroll-Überwachung: https://fsv-optik.de/tests/test_bg2.html. Wenn 100px nach unten gescrollt wurde, wird das background-image ausgeblendet.

Mit dem Observer krieg ichs nicht hin. Da ist ja der Ansatz ein anderer. Der überwacht ja, ob ein Element einen bestimmten Bereich kreuzt. In meinem Fall will ich eigentlich den body überwachen. Der befindet sich ja per se im Viewport. Folglich ist in meinem Beispiel isIntersecting auch immer true. Dachte ich... In meinem Fall immer false.

Ich müsste in meinem Fall eigentlich messen, wann der body beginnt den Viewport am oberen Bereich zu verlassen. Ist das prinzipiell überhaupt möglich? Das scheint mir doch sehr frickelig. Bin ich da nicht auf einem Holzweg?

Hier mein kläglicher Versuch: https://fsv-optik.de/tests/test_bg_observer.html

Schöne Grüße

Nico