How can I hide the scroll bar without losing the ability to scroll with CSS?

342

I have content in a div container, I want the scroll bars to be hidden on the y-axis. so I tried like below

.container {
   overflow-y: hidden;
}

But doing like this disables the ability to scroll which I needed. How can I get the behavior I want?

1 Answer

4 years ago by

If you want to hide the scrollbar without losing the scroll, Try like below.

.container {
    -ms-overflow-style: none; 
    scrollbar-width: none;
    overflow-y: scroll;
}
.container::-webkit-scrollbar {
    display: none;
}
4 years ago by Divya