- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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?
And the laptop ‘mousepad’ user
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.
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
this code will help
ul.ui-widget-content::-webkit-scrollbar {
width: 10px;
}