Instantly share code, notes, and snippets.

Embed
What would you like to do?
Scroll Snap Status & History

A brief history of scroll snapping specification and releases by various browsers.

Summary

As of August 2018: Edge (IE) and Firefox ship the old deprecated spec, Safari and Chrome (starting from v69) ship the current CR spec.

Additional Details

Date Status Specification Model Browsers Features Notes Link
Oct 2013 - Nov 2015 WD css-snappoints Point based IE10+11, Edge, Firefox OS (unprefixed) scroll-snap-type, scroll-snap-points-x, scroll-snap-points-y, scroll-snap-destination, scroll-snap-coordinate IE blog post, Mozilla intent 20150326
Nov 2015 - Mar 2016 WD css-snappoints Point based IE10+11, Edge, Firefox, Safari iOS 10.3 (prefixed) scroll-snap-type, scroll-snap-points-x, scroll-snap-points-y, scroll-snap-destination, scroll-snap-coordinate WG was planning major changes to spec. WebKit blog post, MDN 20150326
Mar 2016 - Dec 2016 WD->CR css-scrollsnap Element based Safari 11+ scroll-snap-type, scroll-snap-align, scroll-snap-margin, scroll-snap-padding Safari removed the old prefixed API 20160329, 20170824
Dec 2017 - current CR css-scrollsnap Element based Chrome 69+ scroll-snap-type, scroll-snap-align, scroll-margin, scroll-padding, scroll-snap-stop † Chrome blog post scroll-snap-1

scroll-snap-stop is specifed but not yet implemented by any browser. It is considered at-risk.

Additional References

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment