How To 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.

How To Make A Div Vertically Scrollable Using CSS, Make A Div Vertically Scrollable Using CSS, How To Make A Div Vertically Scrollable, Make A Div Only Vertically Scrollable, Remove Horizonatl Scrolling In Div, Vertically Scrolling Using CSS, Only Vertically Scrolling Using CSS, Scroll, Div, HTML, CSS

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.

How To Make A Div Vertically Scrollable Using CSS, Make A Div Vertically Scrollable Using CSS, How To Make A Div Vertically Scrollable, Make A Div Only Vertically Scrollable, Remove Horizonatl Scrolling In Div, Vertically Scrolling Using CSS, Only Vertically Scrolling Using CSS, Scroll, Div, HTML, CSS




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.

How To Make A Div Vertically Scrollable Using CSS, Make A Div Vertically Scrollable Using CSS, How To Make A Div Vertically Scrollable, Make A Div Only Vertically Scrollable, Remove Horizonatl Scrolling In Div, Vertically Scrolling Using CSS, Only Vertically Scrolling Using CSS, Scroll, Div, HTML, CSS