VisualViewport: scrollend-Ereignis

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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 während des Pinch-Zoomens und Scrollens fest am visuellen Viewport zu halten, und es mit neuen Inhalten aktualisieren, wenn das Scrollen mit scrollend endet.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("scrollend", (event) => { })

onscrollend = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Sehen Sie sich die Landingpage der Visual Viewport API für eine Verwendungsvorführung an.

Spezifikationen

Specification
CSSOM View Module
# eventdef-document-scrollend

Browser-Kompatibilität