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

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

X

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

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

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

18-08-2015

Full Page Parallax Scroll Effect

Full Page Parallax Scroll Effect

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

Full Page Parallax Scroll Effect

Full Page Parallax Scroll Effect
Неплохой пример широкоформатного параллакс-эффекта при скроллинга страницы. Исходники можно использовать, как полноэкранный слайдер или, вообще, как полноценный шаблон для сайта. Смотрится достойно.
18-08-2015
jquery

15-08-2015

Scrollify - скроллинг по разделам страницы

Scrollify - скроллинг по разделам страницы

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

Scrollify - скроллинг по разделам страницы

Scrollify - скроллинг по разделам страницы
Плагин jQuery для прокрутки страницы с фиксированием отдельных разделов. Сейчас очень часто можно увидеть подобный эффект на современных сайтах, особенно на лендингах. 
15-08-2015
jquery

07-08-2015

ScrollWatch - навигация по разделам страницы

ScrollWatch - навигация по разделам страницы

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

ScrollWatch - навигация по разделам страницы

ScrollWatch - навигация по разделам страницы
jQuery плагин для создания динамичной прокрутки страницы с отображением определенных разделов в верхнем тулбаре. Прокручивайте страницу и следите за полосой навигации, которая помогает сориентироваться.
07-08-2015
jquery

01-08-2015

freezeheader - jQuery пример плавающего заголовка таблицы

freezeheader - jQuery пример плавающего заголовка таблицы

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

freezeheader - jQuery пример плавающего заголовка таблицы

freezeheader - jQuery пример плавающего заголовка таблицы
Целевой jQuery пример того, как создать "прилипающий" заголовок таблицы. Прокручивая страницу, пользователь будет видеть всегда верхнюю часть сетки, что позволит улучшить юзабилити сайта. Фиксированный заголовок таблицы уже не новшество. А это просто один из плагинов делающих это.
01-08-2015
jquery

21-07-2015

Storymap - привязка области карты к идентификатору

Storymap - привязка области карты к идентификатору

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

Storymap - привязка области карты к идентификатору

Storymap - привязка области карты к идентификатору
Небольшой jQuery пример, в котором демонстрируется блоки с текстом и карта. Каждый блок имеет свой идентификатор на определенную область карты. При прокрутке страницы и фокусе блока, карта автоматически переключает местоположение.
21-07-2015
jquery

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

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

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

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

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

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

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

Шаблоны:

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

^