Hide vertical scrollbar but still scrollable

[schart]

So I hate the look of scrollbars in windows, and especially that they are always visible. I’ve seen custom scrollbars and stuff so this must be possible. I did google for a while but none of the results were what I was looking for. Any help?

[Paulie_D]

And the laptop ‘mousepad’ user

[Divyesh]

I think that the below code will help to hide the scrollbar in Google Chrome :


::-webkit-scrollbar {
display: none;
}


You can also style scrollbars according to your requirements using this.

[nikzad]

A very quick an applicable solution is to use this piece of code:

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space /
background: transparent; / optional: just make scrollbar invisible /
}
/ optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}

The source link is https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll

[vinayreddy]

this code will help
ul.ui-widget-content::-webkit-scrollbar {
width: 10px;
}

[Author]

Posts