VisualViewport: resize Event
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2021 browserübergreifend verfügbar.
Das resize-Ereignis der VisualViewport-Schnittstelle wird ausgelöst, wenn der visuelle Viewport in der Größe verändert wird. Dadurch können Sie Elemente relativ zum visuellen Viewport positionieren, wenn hineingezoomt wird, was normalerweise an den 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 VisualViewport Hauptseite für eine Anwendungsdemo an.
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # eventdef-window-resize |