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
  • 5
4.4
14ms
See notes:
  • 2
  • 5
  • 6
52
See notes:
  • 5
57 10webkit
See notes:
  • 4
  • 5
10.0-10.2webkit
See notes:
  • 4
  • 5
4.4.3-4.4.4 4
11ms
See notes:
  • 2
  • 5
  • 6
15ms
See notes:
  • 2
  • 5
  • 6
53
See notes:
  • 5
58 10.1webkit
See notes:
  • 4
  • 5
44 10.3webkit
See notes:
  • 4
  • 5
all 56 10 37 57 52
See notes:
  • 5
11 11.4 5 1.2 7.12
54
See notes:
  • 5
59 TP 45
55
See notes:
  • 5
60 46
56
See notes:
  • 5
61

Notes

Works in the iOS WKWebView, but not UIWebView.

Links