VisualViewport: scroll-Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2021 browserübergreifend verfügbar.
Das scroll-Ereignis der VisualViewport-Schnittstelle wird ausgelöst, wenn der visuelle Viewport gescrollt wird. Damit können Sie Elemente beim Scrollen relativ zum visuellen Viewport positionieren, die normalerweise am Layout-Viewport verankert wären.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("scroll", (event) => { })
Alternativ können Sie einen Wert der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
js
onscroll = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Ein Anwendungsbeispiel finden Sie auf der Seite zu VisualViewport.
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # eventdef-document-scroll |