What is Scroll Snap?

Scroll Snap is a CSS feature that locks scrolling to specific snap positions.

When to use Scroll Snap?

- Carousels, paginated lists, and onboarding screens

When not to use Scroll Snap?

- Long‑form content where free scrolling is expected

What is the anatomy of Scroll Snap?

- scroll-snap-type, scroll-snap-align, scroll-padding

- Axis, containers, and child snap points