Путеводитель / Статья

Как добавить сглаженную прокрутку к webflow-сайту

Поточная база
30 октября 2020 года
Как добавить сглаженную прокрутку к webflow-сайту

Прокрутка Webflow Smooth Scroll (luxy.js)

Добавьте популярный эффект прокрутки интерьера к вашим собственным проектам веб-потока.

В этом руководстве используется файл luxy.js - подробнее об этом можно прочитать здесь

.
https://min30327.github.io/luxy.js/.

Пожалуйста, обратите внимание: Luxy не является супер эффективным с продвинутыми позиционирования, такие как липкие элементы.

Добавить Luxy Script

Во-первых, вы захотите добавить следующий скрипт в раздел пользовательского кода либо вашей страницы, либо настроек проекта.



var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
if (!isMobile) {
     luxy.init({
       wrapper: '#luxy',
       wrapperSpeed: 0.065,
     
   });
}

Добавьте дайв-блок, чтобы обернуть всю страницу.

Дайте этому дайверу удостоверение роскоши

Поточная база
30 октября 2020 года

Получайте ресурсы веб-потока непосредственно в свой почтовый ящик.

Зарегистрируйтесь, чтобы еженедельно получать информацию и вдохновение в вашем почтовом ящике.

ДРУГИЕ РУКОВОДСТВА И УРОКИ

Ускорьте ваш сайт еще больше.