A scrollbar is a graphical user interface element relating to a display which is only partially visible. The scroll bar provides visual feedback on which portion of the element is in view, and the ability to move the view of the main element.
Scrollbars are present in a wide range of electronic devices including computers, graphing calculators, mobile phones, and portable media players. Scrollbars are usually displayed one or two sides of the viewing area, containing a bar, that can be dragged along a trough (or track) to move the body of the document as well as two arrows on either end for precise adjustments.
Even though scrollbars and sliders work in similar fashion, their difference is that slider changes values, while scrollbar moves the area that is currently shown.
A simple example of SO editing textareas scrollbar:
2. Vendor Specific Values
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 Gecko (MOZ)
It's worth noting that the attribute which controls whether or not scrollbars are displayed in Firefox is: (reference link)
Attribute: scrollbars Type: nsIDOMBarProp Description: The object that controls whether or not scrollbars are shown in the window. This attribute is "replaceable" in JavaScript. Read only
overflow: -moz-scrollbars-none
other valid values are -moz-scrollbars-horizontal and -moz-scrollbars-vertical.
