How To Make A Div Vertically Scrollable Using CSS

For More Videos Visit Our YouTube Channel

Make A Div Vertically Scrollable Using CSS

Here we consider how to make a div vertically scrollable using css. Lets start with one example here. Suppose we have a div as shown below.



We have given a particular height for this Div.
Here we have enabled Scrolling.

.clsScroll
{
         height: 300px;
         width: 400px;
         background: yellow;
         overflow: scroll;
}



Result will be something like this.




Solution

Now for enabling only vertical scrolling follow these style.
Make overflow-x as hidden and overflow-y as auto.

.clsScroll
{
         height: 300px;
         width: 400px;
         background: yellow;
         overflow-x: hidden;
         overflow-y: auto;
}



Result is as shown below.