Sometimes, we want to hide the scroll bar while still being able to scroll with CSS.
In this article, we’ll look at how to hide the scroll bar while still being able to scroll with CSS.
How to hide the scroll bar while still being able to scroll with CSS?
To hide the scroll bar while still being able to scroll with CSS, we can set the scrollbar-width
CSS property.
For instance, we write
.container {
-ms-overflow-style: none;
scrollbar-width: none;
}
.container::-webkit-scrollbar {
display: none;
}
to set scrollbar-width
to none
to hide the scroll bar while letting us scroll.
Conclusion
To hide the scroll bar while still being able to scroll with CSS, we can set the scrollbar-width
CSS property.