scroll-snap: карусель отзывов без Swiper и лишнего JS

scroll-snap-type, scroll-padding и доступность для клавиатуры.

CSS Scroll Snap фиксирует слайды при прокрутке touch/trackpad — идеально для ленты кейсов и логотипов клиентов.

Задайте scroll-snap-align: center и scroll-padding под фиксированный header.

- [CSS Scroll Snap — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap) — Свойства snap.

- [Scroll snap — web.dev](https://web.dev/articles/css-scroll-snap) — Паттерны карусели.

---

## A11y

Добавьте кнопки «назад/вперёд» с scrollIntoView для клавиатуры.

Не блокируйте вертикальный скролл страницы горизонтальным контейнером без overscroll-behavior-x: contain.

#CSS#карусель#мобильный

Читайте также