Sometimes, we want to allow scroll but hide scrollbar with CSS.
We’ll look at how to allow scroll but hide scrollbar with CSS, in this article.
How to allow scroll but hide scrollbar with CSS?
We select the ::-webkit-scrollbar pseudo-element, to allow scroll but hide scrollbar with CSS.
For instance, we write
::-webkit-scrollbar {
display: none;
}
to hide the scrollbar by selecting ::-webkit-scrollbar and set the display property to none.
Conclusion
Finally, we select the ::-webkit-scrollbar pseudo-element, to allow scroll but hide scrollbar with CSS.