Create a scrollable div window on your page

Category CSS Sub Category Div

A simple example of how to create an area thats scrolls went its content is deeper than the height assigned to the div.

Using the css style overflow:auto creates this effect.

Copy Code
<div style="overflow:auto; height:100px; width:300px;">
    Content that will scroll 1
    Content that will scroll 2
    Content that will scroll 3
    Content that will scroll 4
    Content that will scroll 5
    Content that will scroll 6
    Content that will scroll 7
    Content that will scroll 8
    Content that will scroll 9
</div>

You can see an example below of what this markup produces:

Content that will scroll 1
Content that will scroll 2
Content that will scroll 3
Content that will scroll 4
Content that will scroll 5
Content that will scroll 6
Content that will scroll 7
Content that will scroll 8
Content that will scroll 9

Share the love