Custom Javascript Scrollbar (works with Firefox)
Whilst it is possible to create a custom scrollbar using stylesheets, this method will only work for Internet Explorer.
This solution makes use of the script.aculo.us slider functions. All you need to do is simply create a slider and a handler (or track bar) and link the movement of that to whatever object you want to scroll through. In the example it is simply a div which could include text or images.
The colour is fully customisable using stylesheets. The only hand editing you may need to do is to the “move_up” function to to get the scroll speed working correctly for the amount of information you will be scrolling through.
All you need to do is link to the script.aculo.us libraries and use something similar to the example (source code below).
Source Code (right click and “Save As”)
If you need any help with creating this scrollbar then please get in contact.
