CSSOM View

Das CSSOM View-Modul ermöglicht Ihnen die Manipulation der visuellen Ansicht eines Dokuments, einschließlich des Abrufens der Position von Layout-Boxen von Elementen, der Ermittlung der Breite oder Höhe des Viewports durch ein Skript und auch des Scrollens eines Elements.

Referenz

Ereignisse

Window-Ereignisse:
- resize
VisualViewport-Ereignisse:
Document-Ereignisse
- scroll
- scrollend
Element-Ereignisse
- scroll
- scrollend
MediaQueryList-Ereignisse
- change

Glossar

Schnittstellen

Schnittstellenerweiterungen

Dieses Modul fügt Eigenschaften und Methoden zu Schnittstellen hinzu, die in anderen Spezifikationen definiert sind.

Window
- devicePixelRatio
- innerHeight
- innerWidth
- matchMedia()
- moveBy()
- moveTo()
- outerHeight
- outerWidth
- pageXOffset (siehe scrollX)
- pageYOffset (siehe scrollY)
- resizeBy()
- resizeTo()
- screen
- screenLeft
- screenTop
- screenX
- screenY
- visualViewport
- scroll()
- scrollBy()
- scrollTo()
- scrollX
- scrollY
Document
Element
HTMLElement
HTMLImageElement
- x
- y
Range
- getBoundingClientRect()
- getClientRects()
MouseEvent
- clientX
- clientY
- offsetX
- offsetY
- pageX
- pageY
- screenY
- x
- y

Dieses Modul definiert geometrische Hilfsmethoden, die auf die Schnittstellen Text, Element, CSSPseudoElement und Document angewendet werden. Diese GeometryUtils-Funktionen sind in noch keinem Browser implementiert.

Leitfäden

Koordinatensysteme: Die Koordinatensysteme, die verwendet werden, um eine Position in einem Anzeigekontext wie einem Fenster auf einem Monitor, einem Viewport auf einem mobilen Gerät oder einer Position auf einem Blatt Papier beim Drucken anzugeben.
Viewport-Konzepte: Das Konzept des Viewports — was er ist, seine Auswirkungen im Hinblick auf CSS, SVG und mobile Geräte — und der Unterschied zwischen dem visuellen Viewport und dem Layout-Viewport.

Spezifikationen

Specification
CSSOM View Module