CSS Scroll Snap Points

CSS scroll snap points 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". The term scrolling operation refers to any user input scrolling such as touch, wheel scrolling, or scrollbar dragging.

Comments

We plan to implement this feature on top of lower-level primitives such as Compositor Worker and Scroll Customization that are in development. Blink Design Document: https://docs.google.com/document/d/1xbc9W_Ac-ve0gE_ppT9y8aydVJJ7NXUL-9MVq0yPhsE/edit#

Demo

• https://blog.gospodarets.com/css-scroll-snap

Documentation

• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap_Points

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>Scroll

In development (launch bug)

Consensus & Standardization

• Firefox: In development
• Edge: In development
• Safari: Shipped
• Web Developers: Positive

Owners

• majidvp@chromium.org
• sunyunjia@chromium.org

Last updated on 2017-10-20