Scroll snap
Also called: snap scrolling, scroll snapping, paging.
Scrolling that always stops neatly on an item or section, instead of anywhere in between.
Scroll inside the box. With snapping on, it always stops neatly on a panel; with it off, it stops anywhere.
Snap panel 1
Say it in a prompt
Add scroll snap to the gallery: scroll-snap-type x mandatory on the row and scroll-snap-align start on each card, so it always stops on a card edge. Seen on
- Apple AirPods Pro 3: Sideways galleries stop neatly on each card.
You might describe it as
- scrolling stops exactly on each card
- slides lock into place
- full page sections that click into place
Not to be confused with
- Carousel
Scroll snap is how scrolling stops; a carousel is the sideways row that often uses it.