Drazek
Drazek

Reputation: 341

Custom Scrollbar with jQuery

I'm already using jQuery to customize my select boxes, but recently i've noticed in one of the drop-downs that the list is really huge.

So I wonder how it's possible to style scrollbar with CSS3 + jQuery. I would like to apply that style to all scrollbars on my page or do you think it would be better to apply it to only elements?

THANKS!

Upvotes: 1

Views: 5224

Answers (2)

Joel
Joel

Reputation: 19358

It can't be done with CSS alone. Scrollbar styling is not supported by any browsers except IE.

In order to create a custom scrollbar style you must either fake the scroll bar (see Custom scroll bar visualization with HTML/CSS/JavaScript) or use a javascript library that does all the work for you (like a jquery plugin).

Several jquery plugins are listed here: http://www.net-kit.com/jquery-custom-scrollbar-plugins/

Upvotes: 2

Rizwan Mumtaz
Rizwan Mumtaz

Reputation: 3955

You will needhttp://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

A very nice scrollbar plugin

Upvotes: 0

Related Questions