← Back to release summary

CSS Scroll Snap Points

Category
CSS
Type
New or changed feature
Status
Enabled by default (Chrome 69)
Intent stage
None

Summary

The CSS scroll snap specification introduces snap points as a way to "enforce the scroll offsets that a scroll container's visual viewport may end at after a scrolling operation has completed". Scroll snapping applies to both user scroll operations such as touch, wheel scrolling, or scrollbar dragging, and programmatic scroll operations such as Element.scrollTo(). This improves the user experience by allowing scrollable zones to easily stop at predefined points.

Standards & signals

Docs: https://developers.google.com/web/updates/2018/07/css-scroll-snap

Samples: https://webdesign.tutsplus.com/tutorials/how-to-scroll-snap-using-css--cms-30333

View on chromestatus.com