Кроссбраузерные полосы прокрутки

Отображение стандартной полосы прокрутки (так называемый скроллбар) в браузере зависит от операционной системы. Конечно, можно использовать свойства вида scrollbar-… (scrollbar-base-color:#COLOR;scrollbar-highlight-color:#COLOR; и тд), однако они не являются валидными по CSS-спецификации, и поддерживаются не всеми браузерами (Mozilla Firefox не раскрашивает полосы прокрутки, выделенные такими свойствами).

Вообще, общую полосу прокрутки “раскрашивать” не рекомендуется. Однако, иногда, может возникнуть ситуация, когда нужно “вписать” полосу прокрутки в дизайн.

Хотелось бы найти полосу прокрутки, которая удовлетворять следующим условиям:
возможность изменять оформление;
кроссбраузерность (стилизация с использованием CSS-свойств;
возможность прокручивать содержимое блока колесиком мыши.

jScrollPane
http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html

FleXcroll
http://www.hesido.com/web.php?page=customscrollbar

Метки:

Автор будет признателен, если Вы поделитесь ссылкой на статью, которая Вам помогла:
BB-код (для вставки на форум)

html-код (для вставки в ЖЖ, WP, blogger и на страницы сайта)

ссылка (для отправки по почте)

1 комментарий к записи “Кроссбраузерные полосы прокрутки”

  1. Макс сообщает :

    Хорошая статья. Подобное делается также в CSS в старом IE и в Webkit браузерах. Если кому интересно о последнем можно почитать здесь: http://netcoding.ru/articles/css/stilizaciya-scrollbarov-v-google-chrome-i-safari/

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