MooTools Scrollbars with Arrows

Vertical & Horizontal
Scrollbars with Arrows

This is a modification of Valerio's Mootools scrollbar plugin.

Features I have added:

Added a horizontal scrollbar. It can be turned off in the options.
When resizing the window, the scrollbars are hidden when not needed, and then appear again when they are. The visibility of the vertical and horizontal scrollbars are independent of each other, so one may be visible and the other not depending on what is required.
Added the up, down, left, and right "arrows". Here the "arrows" are merely boxes above and below the vertical scrollbar track and to the left and right of the horizontal scrollbar track. Insert the graphics of your choosing. Arrows can be turned off in the options.
Less html markup is required now. The scrollbars are inserted by the code.

Initializing the scrollbars on load will tend to give better results than initializing them on domready.

An Instance of the Scrollbar Class with Default Options

aLongUnbrokenStringOfTextToActivateTheHorizontalScrollbar....

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

An Instance of the Scrollbar Class with Arrows and Horizontal Scrollbar Options Set to False

Vertical & Horizontal Scrollbars with Arrows

Vertical & Horizontal
Scrollbars with Arrows