Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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.

js
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

Browser-Kompatibilität