Плавна прокрутка на всю сторінку за допомогою jQuery Plugin viewScroller.js

Ефекти прокрутки JavaScript були навколо протягом багатьох років з десятками великих бібліотек, щоб вибрати з. Але новий претендент на поле є viewScroller.js.

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

Природно, це абсолютно безкоштовна бібліотека доступні на GitHub і простий в установці з Bower або npm.

Однак, viewScroller.js є ні незалежну бібліотеку JavaScript. Він покладається на jQuery і два конкретні плагіни: JQuery Колесо миші і JQuery Easing. Вони є обидва необхідні щоб ефекти прокрутки працювали належним чином.

Це може перешкодити значенню viewScroller, оскільки для його функціонування потрібно лише кілька бібліотек JS. Але якщо ви вже використовуєте jQuery так чи інакше, це непросто. viewScroller.js пропонує найпростіший спосіб отримати веб-додаток для прокрутки однієї сторінки працює без особливого коду.

Це, однак, робить, використовувати дуже докладні класи та ідентифікатори для створення ефекту прокручування. Ти можеш редагувати ці класи у вашому власному файлі CSS або перезаписати їх в базовому коді. Ви знайдете Повний список на сторінці репо з імена класів і дані налаштування за замовчуванням.

Найпростіший спосіб розпочати: клонування демонстрацій viewScroller. Вони мають один з правою бічною панеллю, інший з лівою бічною панеллю, а другий - з двома бічними панелями, що містять вміст у середині.

Якщо ви в порядку з jQuery-паливо веб-додаток, то viewScroller це фантастична безкоштовна бібліотека для використання. Це потрібно досить багато залежностей але їх не важко налаштувати.

Подивіться на демо і подивіться, що ви думаєте. Якщо вам подобається UX і поведінка прокручування, слідуйте за Керівництво з налаштування GitHub для початку.