CODEWITHSUNDEEP
javascriptcssscrollbar
Gowsikan
Gowsikan

Reputation: 5691

How to change scroll bar style or hide scroll bar in browser through javascript or css?

Is there any way to change the default scroll bar style? or hide the scroll bar and enable to scroll?

Upvotes: 0

Views: 566

Answers (2)

Raghuveer
Raghuveer

Reputation: 2636

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

Upvotes: 1

munji_rkt
munji_rkt

Reputation: 19

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;

}

Upvotes: 2

Related Questions