CSS Scroll Snap

CSS Scroll Snap is a module of CSS that introduces scroll snap positions, which enforce the scroll positions that a scroll container’s scrollport may end at after a scrolling operation has completed.

Reference

CSS Properties on Containers

CSS Properties on Children

Guides

Specifications

Specification Status Comment
CSS Scroll Snap Module Level 1 Candidate Recommendation Initial definition

Browser compatibility

Note: The previous version of this module was called Scroll Snap Points and has been deprecated. CSS Scroll Snap is the current implementation. Read the guide to browser compatibility for an overview of how to support both the old and new specification.

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap