0

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

Gowsikan
  • 4,933
  • 6
  • 29
  • 42
  • possible duplicate of [Styling scroll bars with CSS](http://stackoverflow.com/questions/6171460/styling-scroll-bars-with-css) – Barmar Apr 04 '13 at 05:29
  • see: http://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser – Kangkan Apr 04 '13 at 05:31

2 Answers2

2

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;

}

munji_rkt
  • 19
  • 1
  • 7
1

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

Raghuveer
  • 2,589
  • 3
  • 28
  • 57