Кастомный скролл на CSS | Изменяем и улучшаем поведение scrollbar на веб-странице | Магнитный scroll
Всем привет! 😃
Хотите узнать, как сделать скролл на сайте не только функциональным, но и эстетичным? В этом видео я расскажу о CSS-свойствах, которые помогут вам управлять поведением и стилем полос прокрутки.
🎨 Разберём:
scrollbar-gutter — как добавить отступы для лучшей читаемости,
scroll-padding — настройка пространства вокруг контента,
scroll-snap-type и scroll-snap-align — фиксируем элементы на нужных позициях,
scroll-behavior — плавность прокрутки,
и стилизация с ::-webkit-scrollbar.
Покажу примеры и расскажу, как использовать эти свойства для создания приятного пользовательского опыта.
Приятного просмотра! 😍
Мой телеграм-канал:
00:00:00 - Вступление
00:00:23 - scroll-padding
00:02:33 - scroll-behavior
00:03:43 - Scroll Snap
00:07:53 - Стилизация scrollbar
00:11:47 - Заключение!
Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана.
Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.
Не забудьте подписаться, чтобы не пропустить новые выпуски!
#css #scrollbar #frontend #frontenddevelopment #css3 #webdesign #uiuxdesign #csstips #webdevtips #webdevelopment #frontendtips #scroll #codingtutorial #cssproperties