Frontend разработчик@frontend

💡

Scroll-snap-type

Позволяет создавать плавные, контролируемые прокрутки с «привязкой» к определённым позициям.


.container {
  scroll-snap-type: x mandatory;
}
.item {
  scroll-snap-align: start;
}

🔘Используется для каруселей, слайдеров и списков.

Зачем это нужно:

➡️ Сделать UX удобным и предсказуемым.

➡️ Избавиться от костылей на JS.

👉 @frontend_1

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5

www.tgoop.com/frontend_1/4010

1.71K viewsJun 25 at 07:30

tgoop.com/frontend_1/4010

Create: 2025-06-25
Last Update: 2025-10-23 02:08:41

💡 Scroll-snap-type

Позволяет создавать плавные, контролируемые прокрутки с «привязкой» к определённым позициям.


.container {
  scroll-snap-type: x mandatory;
}
.item {
  scroll-snap-align: start;
}

Telegram News

💡 Scroll-snap-type