Web platform features explorer - Scroll snap

Web platform features explorer

CSS scroll snap controls the panning and scrolling behavior within a scroll container.

Status

Baseline Widely Available (since 2022-07-15)

MDN documentation

CSS scroll snap

Specifications

CSS Scroll Snap Module Level 2, from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (view on caniuse.com)

Chrome 69 Released on 2018-09-04
Chrome Android 69 Released on 2018-09-04
Edge 79 Released on 2020-01-15
Firefox 68 Released on 2019-07-09
Firefox for Android 68 Released on 2019-07-09
Safari 11 Released on 2017-09-19
Safari on iOS 11 Released on 2017-09-19

Developer signals

State of CSS 2025: features/all_features question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~13.803% of page loads. More data at chromestatus.

Interop

Included in Interop 2022
Included in Interop 2023

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist