Native CSS Scroll Snap Points

Avatar of Marie Mosley
Marie Mosley on (Updated on )

The newly-introduced CSS “snap points” properties could make it a whole lot easier to create CSS-only scroll effects (once browser support catches up). This post from Sergey Gospodarets’ blog includes demos of snappy scrolling for image galleries and full-page vertical scrolling.

Scroll snapping is used widely for a better separation of the provided content (vertical full height pages) or, for example, to emulate galleries behavior… Can you imagine how easy would be creating such effects using CSS only?

The full specification is worth a review.

Direct Link →