Описание тега scrollbar
Полосы прокрутки присутствуют в большом количестве электронных устройств, включая компьютеры, графические калькуляторы, мобильные телефоны и портативные медиаплееры. Полосы прокрутки обычно отображаются с одной или двух сторон области просмотра, содержащие полосу, которую можно перетаскивать по желобу (или дорожке) для перемещения тела документа, а также две стрелки на каждом конце для точной настройки.
Несмотря на то, что полосы прокрутки и ползунки работают одинаково, их отличие состоит в том, что ползунок изменяет значения, а полоса прокрутки перемещает область, которая отображается в данный момент.
Простой пример SO-редактирования полосы прокрутки текстовых областей:
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.