How to make a Scroll bar In blog posts

Creating a box with a scroll function is simple and easy.You just have to follow the html codes
show below:


<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">
Your content!
</div>


Breakdown explanation of the codes:

overflow:auto :Page will be scrolled if the content of the page has reached the defined highest and widest limit.

width: 300px :The width of the scrolling page.You can change the px number u want it to be

height:200px : The height of the scrolling page. You can change it the px number you want.

padding:10px : The distance between your content and the scroll bar.You can change it the px number you want.

Border:1px solid #eee : Borders of the scrolling page


Below is the example of scroll function in blog posts


Example
Example
Example
Example
Example
Example


The end

No comments:

Post a Comment

Template by - Abdul Munir | Daya Earth Blogger Template