Плавная прокрутка на всю страницу с помощью плагина jQuery viewScroller.js

Эффекты прокрутки JavaScript были вокруг в течение многих лет с десятками великих библиотек на выбор. Но новый соперник в этой области viewScroller.js.

Эта очень маленькая, но мощная библиотека может одностраничные макеты тот прокрутить как блоки одним движением колеса прокрутки (или сенсорной панели). Это создает управляемый макет, где свитки перемещают пользователя по отдельным разделам страницы с пиксельная точность.

Естественно, это абсолютно бесплатная библиотека доступно на GitHub и прост в установке с бауэром или нпм.

Тем не менее, viewScroller.js является не независимая библиотека JavaScript. Он опирается на jQuery и два специальных плагина: jQuery Mousewheel а также JQuery Easing. Это оба требуются чтобы эффекты прокрутки работали правильно.

Это может препятствовать значению viewScroller, поскольку для его работы требуется несколько библиотек JS. Но если вы все равно уже используете jQuery, тогда это просто. viewScroller.js предлагает самый простой способ получить веб-приложение с прокруткой одной страницы работает без особого кода.

Это делает, однако, использовать очень подробные классы и идентификаторы создать эффект прокрутки. Вы можете редактировать эти классы в вашем собственном файле CSS или переписать их в базовом коде. Вы найдете Полный список на странице репо с имена классов а также данные настройки по умолчанию.

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

Если у вас все в порядке с веб-приложением на jQuery, тогда viewScroller - фантастическая бесплатная библиотека для использования. Это нужно довольно много зависимостей но их не должно быть сложно настроить.

Взгляните на живое демо и посмотрим, что вы думаете. Если вам нравится UX и поведение прокрутки, следуйте руководство по установке на GitHub для начала.