2022-04-05 11:42:43
CSS Scroll Snap - полезнейшая спецификация, о которой мало кто слышал!Серьезно, я еще ни разу не видел, чтобы эти возможности использовали на практике, хотя браузерная поддержка уже очень хорошая!
CSS Scroll Snap позволяет привязывать положение прокрутки к определённым элементам или местоположению после того, как пользователь прокрутил страницу или элемент.
Другими словами, это дверной доводчик для скроллинга.
Подробнее о самой спецификации:
https://habr.com/ru/post/498456/
А вот отличный практический пример:
https://css-tricks.com/css-scroll-snap-slide-deck/
(Кроме Scroll Snap, в этой статье еще десяток новеньких возможностей CSS используется, поэтому разобраться в коде будет полезно)
Наконец-то можно библиотечные слайдеры заменить на пару строк CSS!
2.0K views08:42