Styling overflow-y scroll bar

5.3k views Asked by At

I'm using overflow-y: scroll. It gives me the generic system scroll. I can't find anywhere that says how to style this. Is this possible?

Thanks,

2

There are 2 answers

3
Hussein On

Colored scrollbar do not work in Gecko-based browsers (Firefox, Netscape Navigator, Mozilla): It is an Internet Explorer's only property. It is not a standard property or a proprietary property. According to W3C, these properties are illegal: they are neither defined in any CSS specification nor are they marked as proprietary (by prefixing them with "-vendor-")

You need to make your own scroll bars. This can be done using jQuery Slider http://jqueryui.com/demos/slider/#side-scroll.

Also checkout this link http://www.hesido.com/web.php?page=customscrollbar

0
thirtydot On

The easiest way is to use a jQuery plugin called jScrollPane (demos).

A relevant answer I gave about the WebKit scrollbars: