CSSOM view

Referenz

Ereignisse

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

Glossar

• Viewport
• Layout-Viewport
• Visueller Viewport

Schnittstellen

• MediaQueryList
• MediaQueryListEvent
• Screen
• CaretPosition
• VisualViewport

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
  • elementFromPoint()
  • caretPositionFromPoint()
  • scrollingElement
• Element
  • checkVisibility()
  • clientHeight
  • clientLeft
  • clientTop
  • clientWidth
  • currentCSSZoom
  • getBoundingClientRect()
  • getClientRects()
  • scroll()
  • scrollBy()
  • scrollHeight
  • scrollIntoView()
  • scrollLeft
  • scrollTo()
  • scrollTop
  • scrollWidth
• HTMLElement
  • offsetHeight
  • offsetLeft
  • offsetParent
  • offsetTop
  • offsetWidth
• 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.

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.

Verwandte Konzepte

• zoom
• <meta>

Glossarbegriffe und Definitionen

• CSS-Objektmodell (CSSOM)
• CSS-Pixel
• Scroll-Container

Spezifikationen

Siehe auch

• CSS-Objektmodell (CSSOM) API
• CSS-Viewport Modul
• CSS-Überlauf Modul
• CSS-Overscroll-Verhalten Modul
• CSS-Scroll-Snap Modul