ContextQMD
Back to Content

CSSOM view

files/en-us/web/css/guides/cssom_view/index.md

latest2.3 KB
Original Source

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 terms

  • {{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.
  • {{cssxref("zoom")}}
  • {{htmlelement("meta")}}

Glossary terms

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

Specifications

{{Specifications}}

See also