• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 24. Scrollbars > The Parts of a Scrollbar

24.1. The Parts of a Scrollbar

At the top and bottom of every scrollbar (and I am assuming a vertical scrollbar here) are arrow buttons. In between these two buttons is an area called the scrollbar tray. In the scrollbar tray (assuming that there is scrollable content on the page) there is the scrollbar slider, which is a button that can be directly manipulated by the user. The content the scrollbar affects (i.e., scrolls) is called the viewport. The button elements contain shading elements (which produce the 3D effect) and the slide tray appears to be inset in relation to the buttons, and so is shaded using a dithering process.

These elements can be broken down further: the topmost part of the arrow button and the slider is known as the face. The arrow buttons and slider are set upon a base, and a virtual light source highlights the top and right raised faces of the button, where the left and bottom faces are in a shadow. The other side of the base (also to the left and bottom) is rendered in a dark shadow. Figure 24-1 shows all of these scrollbar elements.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint