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.
Note: The previous version of this module was called Scroll Snap Points, this is now deprecated. CSS Scroll Snap is current.
Reference
CSS Properties on Containers
scroll-snap-typescroll-snap-stopscroll-paddingscroll-padding-topscroll-padding-rightscroll-padding-bottomscroll-padding-leftscroll-padding-inlinescroll-padding-inline-startscroll-padding-inline-endscroll-padding-blockscroll-padding-block-startscroll-padding-block-end
CSS Properties on Children
scroll-snap-alignscroll-marginscroll-padding-topscroll-padding-rightscroll-padding-bottomscroll-padding-leftscroll-padding-inlinescroll-padding-inline-startscroll-padding-inline-endscroll-padding-blockscroll-padding-block-startscroll-padding-block-end
Specification
| Specification | Status | Comment |
|---|---|---|
| CSS Scroll Snap Module Level 1 | Candidate Recommendation | Initial definition |
Browser compatibility