VisualViewport: scroll-Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.

Das scroll-Ereignis der VisualViewport-Schnittstelle wird ausgelöst, wenn das visuelle Viewport gescrollt wird. Dies ermöglicht es Ihnen, Elemente relativ zum visuellen Viewport zu positionieren, während es gescrollt wird, was normalerweise am Layout-Viewport verankert wäre.

Syntax

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

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

onscroll = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Sehen Sie sich die Visual Viewport API-Landeseite für eine Anwendungsdemonstration an.

Spezifikationen

Specification
CSSOM View Module
# eventdef-document-scroll

Browser-Kompatibilität