VisualViewport: resize-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 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, während es gezoomt 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("resize", (event) => { })
onresize = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Siehe die Visual Viewport API Startseite für eine Nutzungsdemo.
Spezifikationen
| Specification |
|---|
| CSSOM View Module # eventdef-window-resize |
Browser-Kompatibilität
Loading…