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 das visuelle Viewport gescrollt wird. Dies ermöglicht Ihnen, Elemente relativ zum visuellen Viewport zu positionieren, während es gescrollt wird, was normalerweise an das Layout-Viewport verankert wäre.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignishandler-Eigenschaft.
js
addEventListener("scroll", (event) => { })
onscroll = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Sehen Sie sich die VisualViewport-Startseite für eine Nutzungsvorführung an.
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # eventdef-document-scroll |