Unlock 30% off on Manual Testing Annual Plans this Black Friday.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

CSS Scroll Snap

CSS-snappoints let designers create scrolling experiences like pagination of carousels with user-friendly snap positions.

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 9

10 - 11

12 - 18

79 - 111

2 - 38

39 - 67

68 - 113

4 - 68

69 - 114

3.2 - 8

9.1 - 10.1

11 - 16.4

9.5 - 63

64 - 95

Fully Supported

Partially

No Support

Specifications

CSS Scroll Snap Module Level 2

Browser Compatibility

CSS Scroll Snap on IE is partially supported on 10-11, and not supported on 5.5-9 IE versions.

CSS Scroll Snap on Edge is fully supported on 79-111 and partially supported on 12-18 Edge versions.

CSS Scroll Snap on Firefox is fully supported on 68-113, partially supported on 39-67, and not supported on 2-38 Firefox versions.

CSS Scroll Snap on Chrome is fully supported on 69-114, and not supported on 4-68 Chrome versions.

CSS Scroll Snap on Safari is fully supported on 11-16.4, partially supported on 9.1-10.1, and not supported on 3.2-8 Safari versions.

CSS Scroll Snap on Opera is fully supported on 64-95, and not supported on 9.5-63 Opera versions.

CSS Scroll Snap on Safari on iOS is fully supported on 11-16.4, partially supported on 9.3-10.3, and not supported on 3.2-8 Safari on iOS versions.

CSS Scroll Snap on Android Browser is fully supported on 97-111, and not supported on 2.1-4 Android Browser versions.

CSS Scroll Snap on Opera Mobile is fully supported on 64-73, and not supported on 10-12 Opera Mobile versions.

CSS Scroll Snap on Chrome for Android is fully supported on all Chrome for Android versions.

CSS Scroll Snap on Firefox for Android is fully supported on all Firefox for Android versions.

CSS Scroll Snap on Samsung Internet is fully supported on 10.1-20, and not supported on 4-9.2 Samsung Internet versions.

Browser Support for CSS Scroll Snap

CSS Scroll Snap on Chrome

CSS Scroll Snap on Safari

CSS Scroll Snap on Firefox

CSS Scroll Snap on Internet Explorer

CSS Scroll Snap on Opera

CSS Scroll Snap on Edge

References

Data sourced from

High

Overall Browser Compatibility Score

Note:CSS Scroll Snap shows a browser compatibility score of 97. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS Scroll Snap & more

Test your website for CSS Scroll Snap and other web technologies. Get 100 FREE automation test minutes!

Test Now