CSSOM-Ansicht

Das CSSOM-Ansicht-Modul ermöglicht es Ihnen, die visuelle Ansicht eines Dokuments zu manipulieren. Dazu gehört, die Position der Layoutboxen eines Elements zu erhalten, die Breite oder Höhe des Ansichtsfensters durch Skript zu ermitteln und auch ein Element zu scrollen.

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 Schnittstellen, die in anderen Spezifikationen definiert sind, Eigenschaften und Methoden hinzu.

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 keinem Browser implementiert.

Leitfaden

Koordinatensysteme: Die Koordinatensysteme, die verwendet werden, um eine Position in einem Anzeige-Kontext 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 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