scroll-snap-type

Read More at MDN DocsView Spec

Safe to Use

scroll-snap-type is considered safe to use.

It’s supported by 93% of global browsers.

Browsers

ChromeSep 4, 2018v69.0.0
25%╱99%
There are no users of Chrome running a supported version.
SafariSep 19, 2017v11.0.0
5%╱96%
There are no users of Safari running a supported version.
EdgeJan 15, 2020v79.0.0
5%╱100%
There are no users of Edge running a supported version.
FirefoxApr 5, 2022v99.0.0
2%╱96%
There are no users of Firefox running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Sep 4, 2018 v69.0.0
25%╱99%
There are no users of Chrome running a supported version.
Sep 4, 2018 – Latest
v69.0.0+
25%╱99%

Full Support

Chrome Android
Sep 4, 2018 v69.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Sep 4, 2018 – Latest
v69.0.0+
36%╱100%

Full Support

Edge
Jan 15, 2020 v79.0.0
5%╱100%
There are no users of Edge running a supported version.
Jan 15, 2020 – Latest
v79.0.0+
5%╱100%

Full Support

Jul 28, 2015 – Jan 15, 2020
v12.0.0 – v79.0.0
0%╱0%

Implemented with the vendor prefix: -ms-

Edge supports an earlier draft of CSS Scroll Snap without axis values.

Firefox
Apr 5, 2022 v99.0.0
2%╱96%
There are no users of Firefox running a supported version.
Apr 5, 2022 – Latest
v99.0.0+
2%╱96%

Full Support

Jul 9, 2019 – Latest
v68.0.0+

No Support, Feature Removed

Jul 2, 2015 – Jul 9, 2019
v39.0.0 – v68.0.0
0%╱2%

Full Support

An earlier draft of CSS Scroll Snap without axis values.

Jul 9, 2019 – Apr 5, 2022
v68.0.0 – v99.0.0
0%╱2%

Partial Support

On macOS 12, scroll snapping does not complete reliably. See bug 1749352

Firefox for Android
Jul 9, 2019 v68.0.0
Firefox for Android supports this feature.
Jul 9, 2019 – Latest
v68.0.0+

Full Support

Jul 9, 2019 – Latest
v68.0.0+

No Support, Feature Removed

Jul 2, 2015 – Jul 9, 2019
v39.0.0 – v68.0.0

Full Support

An earlier draft of CSS Scroll Snap without axis values.

Internet Explorer
Unsupported
Internet Explorer does not support this feature.
Oct 26, 2012 – Latest
v10.0.0+
0%╱83%

Implemented with the vendor prefix: -ms-

Internet Explorer supports an earlier draft of CSS Scroll Snap without axis values.

 
Quest Browser
Unknown v6.0.0
Quest Browser supports this feature.
Unknown
v6.0.0+

Full Support

Opera
Sep 25, 2018 v56.0.0
1%╱98%
There are no users of Opera running a supported version.
Sep 25, 2018 – Latest
v56.0.0+
1%╱98%

Full Support

Opera Android
Nov 8, 2018 v48.0.0
Opera Android supports this feature.
Nov 8, 2018 – Latest
v48.0.0+

Full Support

Safari
Sep 19, 2017 v11.0.0
5%╱96%
There are no users of Safari running a supported version.
Sep 19, 2017 – Latest
v11.0.0+
5%╱96%

Full Support

Sep 30, 2015 – Latest
v9.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Older Safari versions support an earlier draft of CSS Scroll Snap without axis values.

Safari on iOS
Sep 19, 2017 v11.0.0
16%╱99%
There are no users of Safari on iOS running a supported version.
Sep 19, 2017 – Latest
v11.0.0+
16%╱99%

Full Support

Sep 16, 2015 – Latest
v9.0.0+
16%╱100%

Implemented with the vendor prefix: -webkit-

Older Safari versions support an earlier draft of CSS Scroll Snap without axis values.

Samsung Internet
Aug 22, 2019 v10.0.0
2%╱93%
There are no users of Samsung Internet running a supported version.
Aug 22, 2019 – Latest
v10.0.0+
2%╱93%

Full Support

WebView Android
Sep 4, 2018 v69.0.0
WebView Android supports this feature.
Sep 4, 2018 – Latest
v69.0.0+

Full Support

See Also

Contribute