CODEWITHSUNDEEP
javascriptjqueryscrollbar
user1036050
user1036050

Reputation: 43

Need a simple custom scrollbar

I have a div that is overflow-y: hidden; overflow-x: auto; and rendering a scrollbar exactly the way I want. I have all of the scrolling functionality and everything I want perfect already. Now, all I want to do is replace the default browser scrollbar with a custom one.

It needs to work in PC IE7+ and Firefox and Mac Safari so it'll need to be JavaScript or jQuery. I've already tried four different plugins that I've found, but none of them worked either because of the version of jQuery (1.6.2), didn't work in all the browsers necessary, or wouldn't work for a horizontal scrollbar, etc. The ones I tried were jQuery UI's slider, jQuery Custom Scrollbar, Tiny Scrollbar and jScrollPane.

I'm hoping there's a simple plugin out there, but I can't seem to find it.

Upvotes: 4

Views: 8139

Answers (1)

Jasper
Jasper

Reputation: 76003

I've used Flexcroll several times and it works great. Good browser support and it handles touch events for mobile devices as well.

The appearance of the scrollbars is handled with a sprite that's pretty easy to customize. It's 17.5KB which comes out to about 8KB when it's compressed so it's nice not having the overhead of a whole library when this is all you want.

http://www.hesido.com/web.php?page=customscrollbar

Upvotes: 5

Related Questions