CSSOM view API

指南

坐标系

用于在显示上下文中指定位置的坐标系统，例如显示器上的窗口、移动设备上的视口，或打印时的纸张位置。

视口概念

视口的概念——它是什么、它在 CSS、SVG 和移动设备方面的影响——以及视觉视口和布局视口之间的区别。

接口

• MediaQueryList
• MediaQueryListEvent
• Screen
• CaretPosition
• VisualViewport

其他接口的扩展

此模块为其他规范中定义的接口添加了属性、方法和事件。

Window 扩展

• devicePixelRatio
• innerHeight
• innerWidth
• matchMedia()
• moveBy()
• moveTo()
• outerHeight
• outerWidth
• pageXOffset (参见 scrollX)
• pageYOffset (参见 scrollY)
• resizeBy()
• resizeTo()
• screen
• screenLeft
• screenTop
• screenX
• screenY
• visualViewport
• scroll()
• scrollBy()
• scrollTo()
• scrollX
• scrollY
• resize 事件

Document 扩展

• elementFromPoint()
• caretPositionFromPoint()
• scrollingElement
• scroll 事件
• scrollend 事件

Element 扩展

• checkVisibility()
• clientHeight
• clientLeft
• clientTop
• clientWidth
• currentCSSZoom
• getBoundingClientRect()
• getClientRects()
• scroll()
• scrollBy()
• scrollHeight
• scrollIntoView()
• scrollLeft
• scrollTo()
• scrollTop
• scrollWidth
• scroll 事件
• scrollend 事件

HTMLElement 扩展

• offsetHeight
• offsetLeft
• offsetParent
• offsetTop
• offsetWidth

HTMLImageElement 扩展

• x
• y

Range 扩展

• getBoundingClientRect()
• getClientRects()

MouseEvent 扩展

• clientX
• clientY
• offsetX
• offsetY
• pageX
• pageY
• screenY
• x
• y

此模块定义了适用于 Text、Element、CSSPseudoElement 和 Document 接口的几何工具方法。这些 GeometryUtils 功能尚未在任何浏览器中实现。

规范

另见

• CSS 对象模型 (CSSOM) API
• CSSOM 视图模块
• CSS overflow 模块
• CSS overscroll behavior 模块
• CSS scroll snap 模块
• 视口
• 布局视口
• 视觉视口
• zoom
• CSSOM
• CSS 像素
• 滚动容器
• <meta>