Что такое scroll-snap в CSS?

Привязка скролла

Scroll snap заставляет скролл «примагничиваться» к точкам.

На контейнере:

.scroller {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.slide {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

mandatory vs proximity — сила привязки. scroll-padding учитывает sticky-хедеры. Применяют в каруселях, полноэкранных секциях, горизонтальных галереях — часто без JS.

Смотрите на accessibility: не блокируйте пользователя слишком агрессивным snap; учитывайте reduced motion.