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.
Watch Video of this Content on Video Steaming