Scroll Behavior Design

Scroll Patterns

Scroll Snap

.container {
  scroll-snap-type: y mandatory; /* or x, or proximity */
}
.section {
  scroll-snap-align: start;
}

Use for: full-page sections, image galleries, card carousels.