CSS Scroll Snap: A Quick Look at the Basics
Nada Rifki demonstrates how to use the scroll-snap-type and scroll-snap-align CSS properties. One useful detail in the demo is that the items inside a scrolling container can vary in size — the snapping relies on the edges of those child elements, rather than a fixed distance defined elsewhere.
The coverage also highlights Max Kohler’s take on the topic, which includes a demo of snapping that works in multiple directions.
For developers unfamiliar with these properties, this is another example of CSS offering a solid, built-in feature worth knowing about.
