Прокрутка страницы с 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
Просмотров: 9744
Правила перепечатки
5 последних уроков рубрики "jQuery"
-
Анимация набора текста на jQuery
Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.
-
Временная шкала на jQuery
jQuery плагин для создания временной шкалы.
-
Заметка: Перезагрузка и редирект на JavaScript
Быстрая заметка, где вы сможете найти парочку JS сниппетов для перезагрузки и перенаправления пользователей через JavaScript.
-
Рисуем диаграмму Ганта
jQuery плагин для создания диаграммы Ганта.
-
AJAX и PHP: загрузка файла
Пример того как осуществить загрузку файла через PHP и jQuery ajax.