Adjustable Scrollbars

This user submitted entry is actually not a javascript, but a style-sheet setting used to make the scrollbars in your page much larger or smaller than the default setting.

Basically, you add a zoom attribute to your page's style sheet. Since this would also make the rest of your page's content bigger/smaller, you have to use a table or else enclose all your page content in a DIV and set its style attributes accordingly.

This effect only works in Internet Explorer browsers version 5 and up, but fails gracefully in non-supporting browsers.

The examples below are iframe tags whose source attribute points to the 4 example HTML pages. Download the ZIP file which contains instruction text files, the 4 example HTML files, and this demo page. Since this is a user-submitted script, please point your browser to DJ Slater's site for contact information to answer any questions.

Mini Scrollbar Demo:




Medium Scrollbar Demo:




Giant Scrollbar Demo:




Huge Scrollbar Demo: