Изменение дизайна полосы прокрутки на сайте

Данное решение устарело и подходит только для IE старых версий,
посмотрите новый материал по этой теме.

Стандартный вид скроллинга на сайте – это не так плохо, но иногда можно разнообразить оформление, и поменять стиль скроллинга. Самый простой способ это сделать – это задать определенные параметры в CSS. Отсюда следует, что есть и другой способ изменения полосы прокрутки. Другой способ основывается не на обычном скроллинге, а на искусственной прокрутке, т.е. с использованием абсолютно других методов и тегов. А метод, показанный здесь, можно применить к таким элементам, которые по своей сути имеют полосу прокрутки. Это, например, BODY и TEXTAREA.

Пример и код:

scrollbar-3dlight-color

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

scrollbar-arrow-color

Параметр устанавливает цвет стрелок, показывающих направление.

scrollbar-base-color

Основной цвет, устанавливающий цвет самой прокрутки и кнопок направления.

scrollbar-face-color

Такое же значение, как и у предыдущего параметра, но если не указать цвет дорожки, то и дорожка будет аналогичного цвета.

scrollbar-darkshadow-color

Устанавливает цвет затемнения у скроллинга.

scrollbar-shadow-color

Параметр аналогичен предыдущему атрибуту.

scrollbar-highlight-color

Цвет подсветки у бегунка и кнопок со стрелками.

scrollbar-track-color

Устанавливает цвет дорожки для ползунка.