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 der VisualViewport-Schnittstelle wird ausgelöst, wenn ein Scrollvorgang im visuellen Viewport endet. So können Sie ein Element aktualisieren, sobald der Scrollvorgang abgeschlossen ist. Beispielsweise können Sie mit den Ereignissen resize und scroll ein Element im visuellen Viewport fixiert halten, während dieser per Pinch-Zoom vergrößert oder verkleinert und gescrollt wird. Mit scrollend können Sie das Element anschließend mit neuen Inhalten aktualisieren.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("scrollend", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
onscrollend = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Ein Anwendungsbeispiel finden Sie auf der Seite zu VisualViewport.
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # eventdef-document-scrollend |