VisualViewport: resize-Ereignis

Das resize-Ereignis der VisualViewport-Schnittstelle wird ausgelöst, wenn das visuelle Viewport geändert wird. Dies ermöglicht es Ihnen, Elemente relativ zum visuellen Viewport zu positionieren, wenn hineingezoomt wird, was normalerweise an das Layout-Viewport verankert wäre.

Syntax

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

js
addEventListener("resize", (event) => {});

onresize = (event) => {};

Ereignistyp

Ein generisches Event.

Beispiele

Sehen Sie sich die Beispiel-Demo auf der Visual Viewport API-Übersichtsseite an.

Spezifikationen

Specification
CSSOM View Module
# eventdef-window-resize

Browser-Kompatibilität

BCD tables only load in the browser