Back

Scrollbars

jQuery plugin. Fully themable and adjustable scrollbars. Automatically adjusts if scrollbars are not required. Fallback to regular scrollbars if JavaScript is disabled.

Works on:
FF
Chrome
Safari
IE9
IE8
IE7
IE6
Opera

Notes

  • Background gradients are not supported in Opera/IE<=8.

Similar Projects

Comments

  • Rafael Fernandes D Orazio - I found some bugs and improve the code. When there is no horizontal scrollbar vertical scrollbar does not work, I fix it.
    For Internet Explorer version 9 it is applying the gradient just like chrome, firefox.
    • APL Web - Feel free to email me any changes and I will merge them in.
  • aamir khan - hi, this scroller is very helpfull me... thanks
  • adriano - u dont have documentation?
    • APL Web - Just call '.scrollbars()' on your jQuery object. View source code of demo for example use.
  • john - Everything fine, but i want to remove the buttons, i want just the vertical scrollbar. How could i remove them?
    • APL Web - You could just hide the buttons:

      .scrollable .scrollbtn {
      display: none;
      }

      Or you can change line 38 of scrollbars.aplweb.js to '$vscroller.append($vscrollarea);' and 48 to '$hscroller.append($hscrollarea);'.

      Use css below to set the scrollbars to fill their width/height:

      .scrollable .vscroller .scrollarea {
      bottom: 0px;
      top: 0px;
      }

      .scrollable .hscroller .scrollarea {
      left: 0px;
      right: 0px;
      }
  • Dave - Is there a way to tell it to scroll to bottom?
    • APL Web - Something like: $("#scrollTest .scrollcontent").scrollTop($("#scrollTest .scrollwrap").outerHeight());
  • Todd - Checking it out now, but in line 33 of the demo.html file you need to have a http so:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    • APL Web - Thanks Todd. Fixed it.
  • Balwan Singh - thank you very much for sharing..........:)
  • Scott - To make it work with just the vertical scrollbar (and no horizontal scroll bar) go to line 32 in scrollbars.css and remove 'top: auto;'
  • Tom - Thanks for the scrolling plugin - Scott, I can confirm removing line 32 does indeed fix a bug where the scroll bar vanished if there is no horizontal scrolling
  • Alexander - Scott: thanks, it really works!
  • freakqnc - Page not found for source?
    • APL Web - Just migrated the website. Fixed the download links :)
  • Amr - This is a great, useful and easy-to-use plugin, Thank you very much.
  • m - I love jQuery!