Лучшие решения
появляются в процессе

Стиль полосы прокрутки (scrollbar)

Зачастую появляется необходимость изменить стиль полосы прокрутки, особенно если она находится не на краю окна браузера, а на внутреннем элементе сайта. На сегодняшний момент качественно может помочь только ререндеринг с помощью JavaScript - имеется выбор из нескольких плагинов. Сразу предупрежу, что такие крайние меры всегда нежелательны, особенно на и без того загруженных скриптами сайтах, тем более в новых версиях браузеров и ОС аппаратные полосы прокрутки становятся все более элегантными. jScrollPane - cross browser styleable scrollbars with jQuery and CSS nanoScroller.js iScroll, smooth scrolling for the web
NanoScroller.js
Нужно импортировать стили и подключить скрипт, которые цепляются за классы в HTML обертке. Обертка представляет собой контейнер со 100% шириной и высотой, а также position:relative. Так что размеры внешнего контейнера должны быть указаны явно. Позволяет методами скролить вверх/вниз, принудительно показать стильную полоску или убрать ее оставив ничего. Так же можно вовсе выключить плагин и перезапустить. Есть 2 события о достижении верхнего и нижнего пределов. Для iOS5+ позволяет отключать плагин. Есть метод застопорить прокрутку основной страницы при достижении пределов, а также несколько декоративных методов.

Вам помогла эта статья? Оцените!
(2 оценок, среднее: 3,00 из 5)
Загрузка...


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *