Sometimes, we want to hide HTML horizontal but not vertical scrollbar with CSS.
In this article, we’ll look at how to hide HTML horizontal but not vertical scrollbar with CSS.
How to hide HTML horizontal but not vertical scrollbar with CSS?
To hide HTML horizontal but not vertical scrollbar with CSS, we set the overflow properties.
For instance, we write
body {
overflow-y: scroll;
overflow-x: hidden;
}
to hide the horizontal scrollbar with overflow-x: hidden;
And we always show the vertical scrollbar with overflow-y: scroll;
.
Conclusion
To hide HTML horizontal but not vertical scrollbar with CSS, we set the overflow properties.