Печать

10 плагинов jQuery для полос прокрутки

1. jScrollPane — пользовательские межбраузерные полосы прокрутки.

jScrollPane Келвина Лака была изначально разработана в декабре 2006. Это плагин jQuery, предоставляющий вам пользовательские полосы прокрутки, согласовано работающие со всеми современными браузерами. Вы можете видоизменять полосы прокрутки, используя простой CSS, но они прилично ухудшаться там, где JavaScript отключен.

jscrollpane

2. Плагин jQuery — полоса прокрутки.

Эта страничка написана на французском языке, поэтому воспользуйтесь онлайн-переводчиком для чтения на вашем родном языке. Скачивание доступно для плагинов.
Главная цель данного плагина — добавить полосу прокрутки в необходимое для вас место, просмотр любого контента, большего размера страницы (видимое место на экране), например. Он просто необходим для пользователей, не желающих использовать полосы прокрутки, установленные по умолчанию. Имеется и функция управления прокруткой, но она отключена.

plugin-jquery-scrollbar

3. Крошечные полосы прокрутки — облегченный плагин jQuery.

Небольшие полосы прокрутки могут использоваться для просмотра контента. Данная программа разработана при использовании скрипта jQuery library. Это динамичная облегченная утилита, предоставляющая веб-разработчикам удобный метод улучшения пользовательского интерфейса сайта. Он может перемещаться горизонтально или вертикально, а также при помощи колесика, большого пальца, или курсора. Размер уменьшен до 2,29 kb.

tinyscrollbar-jquery

4. jQuery скроллер пользовательского контента.

Скроллер пользовательского контента был разработан совместно с jquery и css, поэтому поддерживает работу с колесиком мышки, делая просмотр очень легким. Имеет полностью настраиваемую полосу прокрутки. Данный скрипт применяет jQuery UI и Brandon Aaron jquery плагины для колесика мышки. Очень прост для конфигурации и видоизменения при работе с css.

jquery-custom-scrollbar

5. Замена полос прокрутки jQuery.

Данные полосы прокрутки совершенно видоизменяемы, их поведение, работа и дизайн полностью предсказуемы. Данный скрипт использует плагин ‘jquery.corner’ для привлекательных закругленных углов кросс браузера , а также плагин ‘jquery.drag’ для более надежного выполнения переходов.

jquery-scrollbar

6. Обои для полосы прокрутки.

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

scrollbar-paper-jquery

7. Пользовательская полоса прокрутки для DIV.

Данный инструмент предоставляет HTML5 широкий диапазон изменения всех браузеров по вашему вкусу: как их поведения, так и дизайна. Этот небольшой плагин весит всего 2.2 Kb. Диапазон ввода в данном случае используется для контроля переходов по разделам. Немного больше кодировки и вы сможете получить сайт наподобие сайта Apple.

div-custom-scrollbar

8. Короткий переход — полоса прокрутки jQuery UI в стиле Google Wave.

Джис Бейд разработал данную пользовательскую полосу прокрутки как мини-приложение jQuery UI после ознакомления с полосой прокрутки Google Wave, который увеличил функции и улучшил стиль полосы прокрутки по сравнению со стандартными браузерными полосами. Градация фона CSS3 предоставляет возможность изменения фона по вашему усмотрению. Таким образом, если вам необходима поддержка Internet Explorer и вы хотите создать сайт, радующий глаз, запланируйте создание ваших собственных фоновых изображений.

shortscroll-jquery-ui-scrollbar

9. Скроллер jQuery.

C плагином jQuery, предоставляющим персонализацию, возможна разработка дизайна полосы прокрутки вертикального положения совместно с CSS.

jquery-scroll-custom

10. Вертикальная полоса прокрутки с использованием jQuery UI.

Данный плагин подразумевает один отдел установленной высоты (#перелистывающая панель в моем примере), который содержит определенно расположенный отдел (#перелистывающий контент), содержащий контент для перехода.

Интересная статья? Поделись ей с другими: