Is there any way to change the default scroll bar style? or hide the scroll bar and enable to scroll?
2
-
possible duplicate of Styling scroll bars with CSSBarmar– Barmar2013-04-04 05:29:46 +00:00Commented Apr 4, 2013 at 5:29
-
see: stackoverflow.com/questions/7725652/…Kangkan– Kangkan2013-04-04 05:31:42 +00:00Commented Apr 4, 2013 at 5:31
Add a comment
|
2 Answers
For hide
body {
overflow:hidden;
}
change scroll bar in chrome and safari
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #bebebe;
-webkit-border-radius: 1px;
border-radius: 1px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 1px;
border-radius: 1px;
background: #dcdcdc;
-webkit-box-shadow: inset 0 0 6px #bebebe;
}
::-webkit-scrollbar-thumb:window-inactive {
background: bebebe;
}
Comments
You can use jQuery plugins to customize the scroll bar
I recommend using jScrollPane
It is easy to use.. and you can customize per your requirement
There are some other plugins also which might useful for you.. You can search over internet
