Изменить скорость скролла к секции, управление позицией остановки скролла к якорным ссылкам webflow

12+
12+

3 дня назад

ПожаловатьсяНарушение авторских прав
12+
12+

3 дня назад

ПожаловатьсяНарушение авторских прав
12+
12+

3 дня назад

#webflow #вебфлоу Покажу как с помощью прописывания кастомных атрибутов, изменять стандартную скорость скролла к секции или блоку на странице, после клика по якорной ссылке. Так же покажу как сместить позицию остановки скролла в любое место, особенно это полезно если у вас на сайте фиксированный хедер или меню. Ну и на последок покажу как прописать еще один кастомный атрибут заставить останавливаться нужной секции ровно по центру экрана. Данные лайфхаки помогут вам создавать максимально UX френдли сайты, если видео полезное и вы читаете этот текст, то можно и лайк ему влепить)))) Кастомные атрибуты с видео: — Скорость скролла data-scroll-time — Скролл к центру блока data-scroll mid ••••••••••••••••••••••••••••••• ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Старт 00:21 Делаем разметку секций для реализации урока 00:55 Добавляем хедер (меню) 01:48 Проставляем якорные ссылки 02:02 Задаем скорость скролла через атрибут data-scroll-time 04:10 Делаем скролл к центру секции параметр data-scroll mid 04:53 Фиксируем меню 05:00 Добавляем заголовок и делаем скрол к нему несколькими способами 05:58 Лайфхак с дополнительным див блоком к которому будем привязывать якорь 09:09 Итоги

Название:

Изменить скорость скролла к секции, управление позицией остановки скролла к якорным ссылкам webflow

Категория:

Разное