CSS Scroll Snapping

From Sergey Gospodarets:

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? Meet the CSS Scroll Snap Points specification!

I’ve built a site or two in the past that used this “snapping to content regions” interaction. jQuery and plugins like Waypoints make it pretty easy to accomplish.

This sort of interaction driven by CSS continues to blur the lines between style and interaction; I’m undecided as to what side of the fence I’m on regarding the topic. Also, browser support isn’t good yet, so a JavaScript implementation is more reliable anyway.

Read more about CSS scroll snapping at Sergey’s blog.