Более 70 плагинов jQuery скроллинга для вашего сайта

Представляю огромный список плагинов прокрутки на jQuery для вашего сайта. Различные трюки с прокруткой пришли к нам из-за рубежа не так давно и оцепили ряд современных порталов и сайтов, которые хотели выделиться. Работа над вертикальной прокруткой вполне может повысить конверсию и несомненно впечатление пользователя. Благодаря интересным подходам JS + CSS3 Вы можете улучшить интерфейс своего сайта. Если добавить немного фантазии, то можно из любого плагина получить что-то уникальное для своего сайта. Ведь каждый сайт старается выделиться из серой массы разными способами. Благодаря прокрутке, можно некоторые страницы перенести на страницу, с реализованным плагином, что улучшит получение важной информации пользователем. Данная технология лучше всего подойдет для различных портфолио или же демонстрации какого-либо продукта и т.д.

Переходим непосредственно к делу.

Sly — это библиотека JavaScript для расширенной однонаправленной прокрутки с поддержкой навигации по элементам. Его можно использовать как простую замену прокрутки, так и инструмент навигации, или как отличный интерфейс навигации и анимации для сайтов параллакса.

jQuery Scroll Path

Это плагин для определения пользовательских путей прокрутки.

windows

Удобный, слабо связанный плагин jQuery для полноэкранных прокручивающих окон.

AnimateScroll

AnimateScroll — это плагин jQuery, который позволяет вам прокручивать на любую часть страницы, просто вызывая функцию animatescroll () с идентификатором или классом элемента, на который вы хотите перейти.

ScrollMe

По мере прокрутки страницы ScrollMe может масштабировать, поворачивать, переводить и изменять прозрачность элементов на странице. Его легко настроить, и не требуется ни одна строка javascript.

stickUp

Простой плагин, который «прикрепляет» элемент к верхней части окна браузера, прокручивая его, всегда сохраняя его в поле зрения. Этот плагин работает на многостраничных сайтах, но имеет дополнительные возможности для макетов с одним пейджером.

Block Scroll

Block Scroll — это плагин jQuery, который превращает набор элементов в блоки и отображает их по одному экрану за раз. Идея состоит в том, чтобы разбить вашу страницу на куски для лучшего представления и потока пользователей. Блокировка прокрутки автоматически изменяет вашу страницу.

Starscroll

Создайте div в качестве фона … активируйте плагин; анимация при прокрутке. Плагин автоматически установит div, чтобы он работал невидимым.

Scrolldeck

Плагин jQuery для создания прокручивающих презентационных колод

Scrollocue

Scrollocue — это плагин jQuery для создания простой системы autocue / teleprompter для прокрутки строк текста.

scrollorama

Плагин jQuery для создания классных прокручиваемых материалов.

Stellar.js

Stellar.js — это плагин jQuery, который обеспечивает эффекты прокрутки параллакса для любого элемента прокрутки.

Super scroll orama

Плагин jQuery для анимации прокрутки supercool.

Parallax

Экспериментальный легкий JS-скрипт для облегчения быстрой анимации на основе прокрутки.

Responsive 3d Fold Scroll

Отзывчивая анимация 3D Fold на прокрутке плагина jQuery.

jQuery Scrollify

Плагин jQuery, который помогает прокручивать и привязывать к разделам. Совместим с Touch.

vivus.js

Vivus — это легкий класс JavaScript (без зависимостей), который позволяет вам анимировать SVG, давая им возможность рисования.

jQuery slimScroll

slimScroll — небольшой (4.6KB) плагин jQuery, который преобразует любой div в прокручиваемую область с красивой полосой прокрутки.

jQRangeSlider

Мощный слайдер для выбора диапазонов значений, поддержка дат и многое другое.

jQuery.pin

Вы когда-нибудь хотели прикрепить что-то к стороне текста? Вам когда-нибудь был нужен тонкий липкий элемент, который бы спокойно был закреплен, пока вы прокручиваете вниз?

jQuery.Pin здесь, чтобы помочь! Вставьте любой элемент в верхнюю часть контейнера. Легко отключите его для меньших размеров экрана, где нет места для такого рода махинаций.

Infinite AJAX Scroll

Оптимизированный для SEO бесконечный плагин прокрутки для jQuery.

Overscroll

Overscroll — это плагин jQuery и polyfill для стиля прокрутки Safari mobile. Он предназначен для использования в настольных браузерах с последней версией jQuery.

jQuery.localScroll

Упрощенная якорная анимация.

Parallax ImageScroll – jQuery plugin

JQuery и совместимый с amd плагин для создания эффекта параллакса, как показано на сайте spotify.com.

fullPage.js

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

Parallax.js

Библиотека для Javascript, которая позволяет легко параллаксировать страницы.

Jarallax

Jarallax — это библиотека JavaScript с открытым исходным кодом, которая упрощает настройку css на основе взаимодействия. С Jarallax легко создать веб-сайт с прокруткой параллаксом

jInvertScroll

Это легкий плагин для jQuery, который позволяет вам перемещаться по горизонтали с эффектом параллакса при прокрутке вниз.

Jquery fullContent.js

JQuery Full Content позволяет полностью создавать веб-сайты.

jQuery One Page Scroll

Создайте веб-сайт со скроллингом на одной странице (веб-сайт iPhone 5S) с плагином прокрутки одной страницы.

jQuery Parallax Plugin

jQuery Parallax — это сценарий, который имитирует эффект параллакса, как показано на nikebetterworld.com.

jquery.parallax.js

Плагин parallax jQuery.

jquery.arbitrary-anchor.js

Произвольные привязки для любого элемента на вашей странице, используя небольшую магию jQuery.

Portfoliojs

Portfoliojs — это легкий плагин галереи jQuery для ваших красивых изображений с горизонтальной прокруткой, который поддерживает настольные, планшетные и мобильные браузеры.

Scrolling Parallax Plugin

Scrolling Parallax — новый плагин jQuery, который связывает эффект параллакса с полосами прокрутки и колесиком мыши. Это позволяет фоновому изображению или чему-либо еще прокручиваться в разном темпе, чем веб-страница, когда пользователь прокручивает. Эффект параллакса, который является результатом, — это простой способ создать иллюзию глубины на вашем веб-сайте.

Scrolltab

Плагин jQuery для добавления вкладок, визуально связанных с их положением относительно полосы прокрутки.

Scrolly

Супер легкий и простой в использовании плагин parallax для jQuery.

skrollr

Отдельная библиотека прокрутки параллакса для мобильных устройств (Android + iOS) и пк. Нет jQuery. Просто обычный JavaScript (и некоторая магия).

SMINT

Smint — это простой плагин jQuery, который помогает при навигации на веб-сайтах с одной страницей.

jQuery custom content scroller

Детально настраиваемый пользовательский плагин jQuery для прокрутки. Особенности включают в себя вертикальную и / или горизонтальную полосу прокрутки, настраиваемый импульс прокрутки, колесо мыши (через плагин jQuery mousewheel), поддержку клавиатуры и сенсорного экрана, готовые к использованию темы и настройку с помощью CSS, поддержку направления RTL, параметры опций для полного управление функциями прокрутки, методы запуска таких действий, как прокрутка, обновление, уничтожение и т. д.

ScrollUpBar Plugin

Плагин прокрутки вверх (jQuery) скрывает верхнюю панель при прокрутке вниз и показывает ее при прокрутке вверх. Это особенно полезно на мобильных интерфейсах, чтобы сэкономить драгоценное пространство.

StickyTableHeaders

Плагин jQuery, который делает большие таблицы более удобными, если заголовок таблицы будет прикреплен к верхней части экрана при прокрутке.

jQuery panelSnap

Плагин jQuery, который обеспечивает функциональность привязки к набору панелей в вашем интерфейсе.

isInViewport.js

Сверхлегкий плагин jQuery, который сообщает вам, есть ли элемент в окне просмотра с завихрением.

Waterfall

Плагин jquery waterfall, такой как Pinterest, huaban.com, faxianla.com

Scroller

Плагин jQuery для замены в браузерах прокрутки по умолчанию.

jQuery.SerialScroll

Анимированная прокрутка серии.

jScroll

jScroll — это плагин jQuery для бесконечной прокрутки, написанный Филиппом Клаузинским. Бесконечная прокрутка; также известная как ленивая загрузка, бесконечная прокрутка, автопир, бесконечные страницы и т. д.

FoldScroll

Экспериментальный плагин jQuery для прокрутки CSS 3D.

scrollUp jQuery plugin

ScrollUp — это легкий плагин jQuery для создания настраиваемой функции «Прокрутка вверх», которая будет работать с любым веб-сайтом с легкостью.

multiScroll.js

Создавайте разделенные страницы с двумя вертикальными панелями прокрутки. Совместимость с мобильными телефонами и устройствами и старыми баузерами, такими как IE 8.

Any List Scroller

jQuery scrolling plugin by musings.it для прокрутки любого списка с любым контентом.

qpScroll

qpScroll — это плагин jQuery, который создает фон параллакса для любой страницы или div. Его очень легко настроить. Он может быть добавлен на любую существующую страницу без необходимости изменения маркировки HTML.

jQuery Stick ’em

Сделайте контент липким в прокрутке, в точку.

Parallax.js

Parallax Engine реагирует на ориентацию смарт-устройства. Там, где нет оборудования для обнаружения гироскопа или обнаружения движения, вместо этого используется позиция курсора.

Slinky.js

Slinky.js — это плагин jQuery для создания красивых списков навигации для прокрутки с заголовками штабелирования.

Infinity.js

Infinity.js — это UITableView для Интернета: он ускоряет прокрутку по длинным спискам и сохраняет ваши бесконечные каналы бесперебойными и стабильными для ваших пользователей. Он небольшой, проверенный временем и высокоэффективный.

Arbitrary Anchor

Этот плагин позволяет странице прокручивать любой произвольный объект на странице на основе селектора jQuery / CSS.

Waypoints

Waypoints — это библиотека, которая упрощает выполнение функции всякий раз, когда вы переходите к элементу.

jQuery.kinetic

Добавьте функциональность кинетической прокрутки в контейнер с помощью мыши или сенсорных устройств.

Scrolling Progress Bar

Есть два компонента этого эффекта. Содержание и бары. Каждый раздел содержимого имеет идентификатор, который помогает вычислять процент. Каждый бар имеет ссылку, чтобы сгладить прокрутку к этому разделу.

jQuery Smooth Div Scroll

Smooth Div Scroll — это плагин jQuery, который прокручивает содержимое по горизонтали влево или вправо.

jQuery Story Tale

CSS 3 Анимация запускается в прокрутке, но с твистом истории.

pagePiling.js

pagePiling — плагин от Alvaro Trigo. Создайте прокрутку огромного числа разделов.

AnimateScrollNavigation.js

Простой плагин jQuery, расширяющий плагин animateScroll с возможностями одиночной страницы.

jQuery Animation Scroll Plugin

Мобильный дружественный viewport активирует анимацию jQuery Plugin, используя greensock.

jQuery.ScrollTo

Простая прокрутка элементов с помощью jQuery.

perfect-scrollbar

Крошечный, но совершенный плагин прокрутки jQuery

Smooth Scroll Plugin

Автоматически проецирует одинаковые ссылки на страницы.

Endless Scroll jQuery Plugin

Бесконечная прокрутка (или infinite scrolling) является популярным методом среди веб-сайтов 2.0, таких как Google Reader и Live Image Search, где вместо подкачки через элементы, используя традиционную технику разбиения на страницы, страница просто продолжает загружать новые элементы, прикрепленные к концу.