HTML Scroll Box
An HTML scroll box is a box that grows scroll bars when it's contents are too large to fit in the box. How do you make the box? You create the box using a normal HTML element (such as the div
element). Then, to make the box scroll, you apply the CSS overflow
property to the div.
But, you don't need to worry about the technical details if you don't want to. You can simply copy and paste the HTML scroll box code below. Of course, you can change the values to suit (such as the size of the scroll box, color etc)
Basic HTML Scroll Box
Colored Scroll Boxes
Here's an example of an HTML scroll box with color added. You have a number of options when it comes to adding color to your scroll box. Click on the link to add color to your scroll boxes!
Customized Scrollbars
Use WebKit's extensions to customize your scrollbars. Also works on the browser's scrollbars (click Preview).
Scroll Box with Images
You can also add images to your scroll box. This can be either a background image, or, one or more foreground images. Click on the link to add images to your scroll box!
Scroll Box Borders
Here's an example of an HTML scroll box with a border added. Click on the link to add a border to your scroll box!
Horizontal Scroll
Here's an example of an HTML scroll box with a horizontal scroll only. Click on the link to add horizontal scrolling to your scroll box!