Quelle: EMG Design Unit
Die Intersection Observer API 07.02.2022, 10:35 Uhr

Überschneidungen von Elementen

Über die Intersection Observer API ist es möglich, auf Änderungen bezüglich der Überschneidung von Elementen mit dem Viewport und mit anderen Elementen zu reagieren.
Zu ermitteln, ob sich Elemente mit dem sichtbaren Bereich (dem Viewport) oder mit anderen Elementen überschneiden, kann in verschiedenen Anwendungsfällen notwendig sein. Beispielsweise lassen sich hierüber sehr einfach Inhalte auf einer Website abhängig von der Scrollposition dynamisch nachzuladen, um auf diese Weise den Effekt des unendlichen Scrollens hervorzurufen. Auch lässt sich hierüber messen, wie lange bestimmte Elemente auf einer Website sichtbar waren (beispielsweise geschaltete Werbung), um auf diese Weise Metriken über das Nutzerverhalten zu sammeln.

Konfiguration von Intersection Observern

web & mobile DEVELOPER

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt web&mobile Developer plus Kunde.
  • 2 Monate Gratis testen
  • Über 4.000 qualifizierte Fachartikel
  • Diverse DevBooks thematisch für Sie zusammen gestellt
  • Webcasts von 30 - 90 Min.
  • Aufzeichnungen von ausgewählten Fortbildungen und Konferenzen
  • Auf jedem Gerät verfügbar