Описание тега scrollbar

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

Полосы прокрутки присутствуют в большом количестве электронных устройств, включая компьютеры, графические калькуляторы, мобильные телефоны и портативные медиаплееры. Полосы прокрутки обычно отображаются с одной или двух сторон области просмотра, содержащие полосу, которую можно перетаскивать по желобу (или дорожке) для перемещения тела документа, а также две стрелки на каждом конце для точной настройки.

Несмотря на то, что полосы прокрутки и ползунки работают одинаково, их отличие состоит в том, что ползунок изменяет значения, а полоса прокрутки перемещает область, которая отображается в данный момент.

Простой пример SO-редактирования полосы прокрутки текстовых областей:

SO Tag Wiki редактирование полосы прокрутки текстового поля


2. Стоимость, зависящая от поставщика

2.1 Internet Explorer 5.5+

html{
    scrollbar-face-color:#ffffff;
    scrollbar-arrow-color:#ffffff;
    scrollbar-track-color:#ffffff;
    scrollbar-shadow-color:#ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-3dlight-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
}

2.2 Webkit

::-webkit-scrollbar{
    width:#px;
    height:#px;
}
::-webkit-scrollbar-track{
    background:#ffffff;
}
::-webkit-scrollbar-thumb{
    background:#ffffff;
}

2.3 Геккон (МОЗ)

Стоит отметить, что атрибут, который определяет, отображаются ли полосы прокрутки в Firefox, имеет следующий вид: ( справочная ссылка)

Атрибут: полосы прокрутки Тип: nsIDOMBarProp Описание: Объект, который определяет, отображаются ли полосы прокрутки в окне или нет. Этот атрибут "заменяемый" в JavaScript. Только чтение

переполнение: -moz-scrollbars-none

другие допустимые значения: -moz-scrollbars-horizontal и -moz-scrollbars-vertical.