CSSOM view

The CSSOM view module lets you manipulate the visual view of a document, including getting the position of element layout boxes, obtaining the width or height of the viewport through script, and also scrolling an element.

Reference

Events

• {{domxref("Window")}}  events:
  • {{domxref("Window/resize_event", "resize")}} 
• {{domxref("VisualViewport")}}  events:
  • {{domxref("VisualViewport/resize_event", "resize")}} 
  • {{domxref("VisualViewport/scroll_event", "scroll")}} 
  • {{domxref("VisualViewport/scrollend_event", "scrollend")}} 
• {{domxref("Document")}}  events
  • {{domxref("Document/scroll_event", "scroll")}} 
  • {{domxref("Document/scrollend_event", "scrollend")}} 
• {{domxref("Element")}}  events
  • {{domxref("Element/scroll_event", "scroll")}} 
  • {{domxref("Element/scrollend_event", "scrollend")}} 
• {{domxref("MediaQueryList")}}  events
  • {{domxref("MediaQueryList/change_event", "change")}} 

Glossary

• {{glossary("Viewport")}} 
• {{glossary("Layout viewport")}} 
• {{glossary("Visual viewport")}} 

API

For the JavaScript API defined by this module, see the CSSOM view API documentation.

Guides

• Coordinate systems
  • : The coordinate systems used to specify a position in a display context such as a window on a monitor, a viewport on a mobile device, or a position on a sheet of paper when printing.
• Viewport concepts
  • : The concept of the viewport — what it is, its impact in terms of CSS, SVG, and mobile devices — and the difference between the visual viewport and the layout viewport.

Related concepts

• {{cssxref("zoom")}} 
• {{htmlelement("meta")}} 

Glossary terms and definitions

• {{glossary("CSSOM", "CSS object model (CSSOM)")}} 
• {{glossary("CSS pixel")}} 
• {{glossary("Scroll container")}} 

Specifications

{{Specifications}} 

See also

• CSS Object Model (CSSOM) API
• CSSOM view API
• CSS viewport module
• CSS overflow module
• CSS overscroll behavior module
• CSS scroll snap module