CSS Scroll snap points
CSS technique that allows customizable scrolling experiences like pagination of carousels by setting defined snap points.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3webkit
See notes:
|
4.4 | |||||||||||||||
14ms
See notes:
|
52
See notes:
|
57 | 10webkit
See notes:
|
10.0-10.2webkit
See notes:
|
4.4.3-4.4.4 | 4 | |||||||||||
11ms
See notes:
|
15ms
See notes:
|
53
See notes:
|
58 | 10.1webkit
See notes:
|
44 | 10.3webkit
See notes:
|
all | 56 | 10 | 37 | 57 | 52
See notes:
|
11 | 11.4 | 5 | 1.2 | 7.12 |
54
See notes:
|
59 | TP | 45 | ||||||||||||||
55
See notes:
|
60 | 46 | |||||||||||||||
56
See notes:
|
61 |
Notes
Works in the iOS WKWebView, but not UIWebView.
-
1
Partial support in IE10 refers to support limited to touch screens.
-
2
Partial support in IE11 documented here
-
4
Partial support in Safari refers to not supporting the
none
keyword inscroll-snap-points-x
,scroll-snap-points-y
andscroll-snap-coordinate
, and length keywords (top
,right
, etc.) inscroll-snap-destination
andscroll-snap-coordinate
. -
5
Supports properties from an older version of the spec.
-
6
Partial support in IE & Edge refers to not supporting
scroll-snap-coordinate
andscroll-snap-destination
.