Die Resize Observer API 17.03.2022, 09:40 Uhr

Auf Größenänderungen reagieren

Über die Resize Observer API ist es möglich, auf Größenänderungen von Elementen zu reagieren.
Anwendung der Resize Observer API (Bild 1)
(Quelle: Ackermann)
JavaScript stellt eine Fülle von Web APIs zur Verfügung, darunter auch sogenannte Observer APIs, über die sich verschiedene Aspekte einer Webseite beobachten lassen. In Ausgabe 1/2022 der web & mobile DEVELOPER wurde bereits die Mutation Observer API vorgestellt, über die sich auf Änderungen an Elementen im Document Object Model (DOM) einer Webseite reagieren lässt. In Ausgabe 04/2022 dagegen zudem die Intersection Observer API vorgestellt, dies es wiederum ermöglicht, Überschneidungen von verschiedenen Elementen untereinander oder mit dem Viewport zu beobachten. In dem vorliegenden Teil der Artikelreihe über Observer APIs geht es um die sogenannte Resize Observer API.

Die Resize Observer API

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