CSSOM View

Das CSSOM View-Modul ermöglicht es Ihnen, die visuelle Ansicht eines Dokuments zu manipulieren, einschließlich der Ermittlung der Position von Layoutboxen von Elementen, der Abfrage der Breite oder Höhe des Viewports durch Skripte sowie 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 Dienstprogramm-Methoden, die auf die Schnittstellen Text, Element, CSSPseudoElement und Document angewendet werden. Diese GeometryUtils-Funktionen sind in keinem Browser implementiert.

Leitfäden

Koordinatensysteme: Die Koordinatensysteme, die verwendet werden, um eine Position in einem Anzeige-Kontext zu spezifizieren, wie ein Fenster auf einem Monitor, ein Viewport auf einem mobilen Gerät, oder eine Position auf einem Blatt Papier beim Drucken.
Viewport-Konzepte: Das Konzept des Viewports — was es 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