Scroll Box Code
This page contains scroll box code. Feel free to copy and paste the scroll box code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish.
This page demonstrates some of the different ways that you can configure your scroll boxes. The scroll box code you use will depend on how you want your scroll box to look and behave. Generally, for the most common tasks, the scroll box code doesn't change much.
Force Scroll Bars
The following example demonstrates what the basic HTML scroll box code does. Here, we place text into a
div tag. But, we choose to turn the
div into a scroll box. We do this using
Auto Scroll Bars
In these examples, the scroll bars only appear when they need to (i.e. when the box has too much text). Therefore, if the text doesn't overflow, no scroll bars will appear. Use
overflow:auto to make the scroll bars appear only when they need to.
Both of the examples here use the same scroll box code. The only difference is in the amount of text within each scroll box. The text in the first example fits well within the scroll box - therefore, no scroll bars appear. The text in the second example is too big for the box, therefore, scroll bars appear.
The following example uses the same scroll box code, but this time with more text: