В закладки
База плагинов jQuery

Плагины jQuery для прокрутки страницы. Оптимизация скорости скролла.
Оформление полосы прокрутки, инструменты scroll top и т.д.

X

Удобная прокрутка средствами jQuery Scroll

Чтобы организовать эстетичную, удобную и плавную прокрутку на своём сайте, воспользуйтесь представленными вашему вниманию плагинами. С помощью средств jQuery Scroll эти скрипты позволяют настроить область прокрутки с различным содержимым: чистым и форматированным текстом, интерактивными элементами, изображениями и другим медиаконтентом. Больше никаких стандартных полос прокрутки, равно как и продвижения рывками: вы сами сможете настроить все параметры.

Важно отметить, что обращение к jQuery ScrollTo не провоцирует лишних расходов трафика и не нагружает пользовательский компьютер. Представленные плагины будут работать на разных платформах, не вызывая конфликтов и не теряя внешней эстетики. Многие плагины имеют настраиваемые параметры: скорость прокрутки, количество элементов, замедление-ускорение — и позволяют управлять областью просмотра с помощью клавиш, курсора или собственных интерактивных элементов. jQuery-прокрутка сделает ваш сайт ещё привлекательнее и удобнее для пользователя.

10-10-2015

data-parallax - jQuery плагин для создания параллакс-эффекта

data-parallax - jQuery плагин для создания параллакс-эффекта

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

data-parallax - jQuery плагин для создания параллакс-эффекта

data-parallax - jQuery плагин для создания параллакс-эффекта
Небольшой инструмент для веб-разработчика, который внесет немного необычности на страницы вашего сайта. При прокрутке страницы будет наблюдаться эффект вращения бекграунда. Скорость и угол вращения можно настроить самостоятельно.
10-10-2015
jquery

08-10-2015

ScrollMenu.js - необычный вид полосы прокрутки

ScrollMenu.js - необычный вид полосы прокрутки

Необычный вид полосы прокрутки и ее функционала. Страница разбивается на секции, которые можно быстро прокручивать с помощью всплывающих окон рядом с скролл-баром. Просто и оригинально.

ScrollMenu.js - необычный вид полосы прокрутки

ScrollMenu.js - необычный вид полосы прокрутки
Необычный вид полосы прокрутки и ее функционала. Страница разбивается на секции, которые можно быстро прокручивать с помощью всплывающих окон рядом с скролл-баром. Просто и оригинально.
08-10-2015
javascript

09-09-2015

css

Scroll snapping explained

Scroll snapping explained

Небольшое руководство по тому, как правильно создавать scroll snapping. Из примеров вы узнаете все о свойствах CSS scroll-snap и научитесь применять их на практике.

Scroll snapping explained

Scroll snapping explained
Небольшое руководство по тому, как правильно создавать scroll snapping. Из примеров вы узнаете все о свойствах CSS scroll-snap и научитесь применять их на практике.
09-09-2015
css

09-09-2015

css

Medium-Style Page Transition

Medium-Style Page Transition

Хороший вариант для разбития длинных страниц на более компактные и удобные. Для этого потребуется минимум JS-кода и стилей. Прокручивая страницу вниз, пользователь нажимает на кнопку и ему "подгружается" следующий блок с контентом.

Medium-Style Page Transition

Medium-Style Page Transition
Хороший вариант для разбития длинных страниц на более компактные и удобные. Для этого потребуется минимум JS-кода и стилей. Прокручивая страницу вниз, пользователь нажимает на кнопку и ему "подгружается" следующий блок с контентом.
09-09-2015
css

28-08-2015

A split screen gallery - эффект при прокрутке страницы

A split screen gallery - эффект при прокрутке страницы

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

A split screen gallery - эффект при прокрутке страницы

A split screen gallery - эффект при прокрутке страницы
Простой и наглядный пример популярного сегодня эффекта при скролле страницы. Данный вариант реализации является штатным, дабы новичок мог разобраться в технологии. Чтобы увидеть о чем речь, просто прокрутите демо-страницу.
28-08-2015
jquery

24-08-2015

slimScroll - оформление полосы прокрутки jQuery

slimScroll - оформление полосы прокрутки jQuery

slimScroll - это небольшой плагин jQuery, который превращает любой DIV в область прокрутки с красивым скроллбаром - подобной Facebook и Google. Пользователь может перетащить полосу прокрутки или использовать колесико мыши для изменения значения ползунка.

slimScroll - оформление полосы прокрутки jQuery

slimScroll - оформление полосы прокрутки jQuery
slimScroll - это небольшой плагин jQuery, который превращает любой DIV в область прокрутки с красивым скроллбаром - подобной Facebook и Google. Пользователь может перетащить полосу прокрутки или использовать колесико мыши для изменения значения ползунка.
24-08-2015
jquery

21-08-2015

svg

Scroll Drawing - прорисовка SVG-элементов при прокрутке

Scroll Drawing - прорисовка SVG-элементов при прокрутке

Статья детально описывающая процесс создания рисовки SVG при скроллинге странице. В примере используется хитрый трюк с применением пунктирных линий и немного javascript.

Scroll Drawing - прорисовка SVG-элементов при прокрутке

Scroll Drawing - прорисовка SVG-элементов при прокрутке
Статья детально описывающая процесс создания рисовки SVG при скроллинге странице. В примере используется хитрый трюк с применением пунктирных линий и немного javascript.
21-08-2015
svg

21-08-2015

ScrollTie - делаем активным DOM при прокрутке

ScrollTie - делаем активным DOM при прокрутке

Данный плагин jQuery полезен для создания параллакс-эффекта или ему подобных при прокрутки страницы. С помощью ScrollTie вы сможете воздействовать на свойства CSS по мере скорллинга сайта. Поддерживаются все современные браузеры и IE9+.

ScrollTie - делаем активным DOM при прокрутке

ScrollTie - делаем активным DOM при прокрутке
Данный плагин jQuery полезен для создания параллакс-эффекта или ему подобных при прокрутки страницы. С помощью ScrollTie вы сможете воздействовать на свойства CSS по мере скорллинга сайта. Поддерживаются все современные браузеры и IE9+.
21-08-2015
jquery

SEO-продвижение

Автоматическое продвижение сайта в TOP.

Если Вы нашли ошибку в тексте, пожалуйста, выделите область и нажмите Ctrl + Enter.

Последняя версия jQuery:

Скачать
v.1.4.1 или v.3.0.0

Небольшое руководство по тому, как скачать самую актуальную версию библиотеки jQuery, а также рекомендации по подключению скрипта.

Популярное за неделю:

Шаблоны:

Подборки интерфейсов:

^