Home/ Questions/Q 6821975
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T21:36:30+00:00

I have a div that is overflow-y: hidden; overflow-x: auto; and rendering a scrollbar

  • 0

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.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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

    • 0