Sometimes, we want to hide the scroll bar if not needed with CSS.
In this article, we’ll look at how to hide the scroll bar if not needed with CSS.
How to hide the scroll bar if not needed with CSS?
To hide the scroll bar if not needed with CSS, we can set the overflow properties to auto.
For instance, we write
.content {
overflow: auto;
}
.content {
overflow-y: auto;
}
.content {
overflow-x: auto;
}
to set overflow to auto to hide the vertical and horizontal scroll bars if there’s no overflow content.
We set overflow-y to auto to hide the vertical scroll bar if there’s no overflow content.
And we set overflow-x to auto to hide the horizontal scroll bar if there’s no overflow content.
Conclusion
To hide the scroll bar if not needed with CSS, we can set the overflow properties to auto.
