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

Reference

CSS properties

Guides

None.

Specification

Specification Status Comment
CSS Scroll Snap Module Level 1
The definition of 'scroll-snap-points-y' in that specification.
Candidate Recommendation Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 48.0 39.0 (39.0) No support No support No support
Feature Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Basic support No support 39.0 (39.0)[1] 39.0 (39.0) No support No support No support

[1] On Firefox Mobile, available since Gecko 39, but behind the preference layout.css.vertical-text.enabled, disabled by default.

Document Tags and Contributors

 Contributors to this page: mfluehr, c9s, teoli
 Last updated by: mfluehr,