VisualViewport: scrollend-Ereignis
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Das scrollend-Ereignis des VisualViewport-Interfaces wird ausgelöst, wenn eine Scroll-Operation im visuellen Viewport endet. Dies ermöglicht es Ihnen, ein Element zu aktualisieren, wenn eine Scroll-Aktion abgeschlossen ist. Zum Beispiel könnten Sie die resize- und scroll-Ereignisse verwenden, um ein Element an den visuellen Viewport fixiert zu halten, wenn es durch Pinch-Zooming und Scrollen bewegt wird, und es mit neuem Inhalt zu aktualisieren, wenn das Scrollen mit scrollend endet.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("scrollend", (event) => { })
onscrollend = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Siehe die VisualViewport Übersichtsseite für eine Nutzungsdemonstration.
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module> # eventdef-document-scrollend> |