Telegram-бот для фронтендеров
База плагинов jQuery

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

X

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

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

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

09-11-2015

roll.js - плагин для отслеживание индекса скролла

roll.js - плагин для отслеживание индекса скролла

Небольшая JS библиотека (8 кб), которая поможет Вам отслеживать позиции элементов, этапы прокрутки страницы, а также вести учет нумерации задействованных блоков. Без зависимостей. Индивидуальный плагин и много возможностей.

roll.js - плагин для отслеживание индекса скролла

roll.js - плагин для отслеживание индекса скролла
Небольшая JS библиотека (8 кб), которая поможет Вам отслеживать позиции элементов, этапы прокрутки страницы, а также вести учет нумерации задействованных блоков. Без зависимостей. Индивидуальный плагин и много возможностей.
09-11-2015
javascript

06-11-2015

css

Создание грамотного параллакс-эффекта с помощью CSS

Создание грамотного параллакс-эффекта с помощью CSS

Все мы когда-нибудь видели параллакс-эффект при прокрутке страницы. Существует много плагинов на jQuery, которые помогают с легкостью воссоздать этот эффект. Однако, некоторые считают, что достаточно с помощью background-attachment зафиксировать изображение... Смотрим и учимся.

Создание грамотного параллакс-эффекта с помощью CSS

Создание грамотного параллакс-эффекта с помощью CSS
Все мы когда-нибудь видели параллакс-эффект при прокрутке страницы. Существует много плагинов на jQuery, которые помогают с легкостью воссоздать этот эффект. Однако, некоторые считают, что достаточно с помощью background-attachment зафиксировать изображение... Смотрим и учимся.
06-11-2015
css

20-10-2015

StickyStack.js - фиксация блоков при прокрутке

StickyStack.js - фиксация блоков при прокрутке

Плагин jQuery, который предназначен для создания эффекта "прилипания" определенного блока, когда он достигнет вершины страницы. Наглядно все показано на демо-странице.

StickyStack.js - фиксация блоков при прокрутке

StickyStack.js - фиксация блоков при прокрутке
Плагин jQuery, который предназначен для создания эффекта "прилипания" определенного блока, когда он достигнет вершины страницы. Наглядно все показано на демо-странице.
20-10-2015
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

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

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

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

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

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

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

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

Шаблоны:

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

^