Прокрутка страницы с Noob Scroll

Легковесный jQuery плагин для реализации различного рода перемещений по странице.

Подключение библиотеки

Для работы с noobscroll.js необходимо скачать и подключить библиотеку:

// Подключаем jQuery
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
// Подключаем noobscroll.js
<script src="https://unpkg.com/noobscroll/dist/noobscroll.min.js"></script>

также можно установить NoobScroll через npm

$ npm install noobscroll

Демонстрация

// Добавление стилей прокрутки к всем элементам страницы
$("body").scrollDrag();

// Подключение области прокрутки к элементу
$(".myDiv").scrollMake({
  direction: "xy", // прокрутка по осям x и y
});

// Отключение стандартной области прокрутки
$("body").scrollDisable();

// Прокрутка до элемента
$(".myDiv").scrollTo();

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: https://github.com/arguiot/NoobScroll
Перевел: Станислав Протасевич
Урок создан: 20 Мая 2017
Просмотров: 7075
Правила перепечатки


5 последних уроков рубрики "jQuery"

^ Наверх ^