15 Top jQuery Scrollbar Plugins

jQuery Scrollbar plugins not only make your website look more responsive and synergistic but also adds to the beauty of your website or blog. One of these top jquery scrollbar plugins will also make your site look much more professional. It will also give you the ability to display your content in more ways than typical text against a plain background that people have to scroll all the way down the page to read. In other words, as a webmaster, these plugins will open you up to more variety and will also impress your reader base.

This post has a collection of Top 15 jQuery Scrollbar plugins that will help you display your content in a way that is more appealing to your readers and help you improve the overall look of your website. All of this is courtesy of the power of jQuery. You may opt for horizontal or vertical scrolling or even a mixture of both. All the plugins in this post can do that and more!

 

jQuery custom content scroller

Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.

jquery custom content scroller

More Information on jQuery custom content scroller

Rangeinput

You can design ranges to fit the overall feel of your site. Use images and even the latest CSS3 techniques if you like. Every bit of the range is skinnable.

Rangeinput

More Information on Rangeinput

Tiny Scrollbar

Tiny Scrollbar can be used for scrolling content. It was built using the javascript jQuery library. Tiny scrollbar was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Tiny Scrollbar

More Information on Tiny Scrollbar

Scrollbar Paper

Scrollbar Paper does not replace browser’s default scrollbar. Instead, it covers it with a custom scrollbar, like paper on a wall: that is why it is called Scrollbar Paper. The benefit of this approach is that the way browser’s default scrollbar behaves is not modified: mouse wheel support, text selection and scrolling performance are the same as usual.

Scrollbar Paper

More Information on Scrollbar Paper

Scrollbars

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

Scrollbars

More Information on Scrollbars

jQuery quickie: Unlimited Scroll using the Twitter API

This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

jQuery quickie: Unlimited Scroll using the Twitter API

More Information on jQuery quickie: Unlimited Scroll using the Twitter API

ShortScroll

A jQuery UI Google Wave style scroll bar. It added functionality and style making much better than the browser default scroll bar.

ShortScroll

More Information on ShortScroll

Vertical scrollbar using jquery UI slider

There’s a fundamental aspect of the way the vertical slider works which took me a little time to get my head round, and that’s that the slider as a default starts from zero at the bottom and increases upwards – which is the wrong way round for a vertical scroller, hence the need for a bit of extra calculation.

Vertical scrollbar using jquery UI slider

More Information on Vertical scrollbar using jquery UI slider

LionBars

A free to use, lightweight jQuery plugin that makes scrollbars look like in OSX Lion.

LionBars

More Information on LionBars

Endless Scroll

Endless scroll (or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end.

Endless Scroll

More Information on Endless Scroll

jQuery Scroll to Top Control

If your pages are long winded, it’s a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That’s where this script comes in. It displays a stationary control at the lower right corner of the window that when clicked on gently scrolls the page back up to the top. And instead of always being visible on the user’s screen, the script lets you specify how far down the page the user is at (in pixels) before revealing the control.

jQuery Scroll to Top Control

More Information on jQuery Scroll to Top Control

jScrollPane

jScrollPane is a jQuery plugin which provides you with custom scrollbars which work consistently across all modern browsers. You can style the scrollbars using simple CSS and they degrade gracefully where JavaScript is disabled.

jScrollPane

More Information on jScrollPane

Special scroll events for jQuery

It scrolls with the movement of mouse.

Special scroll events for jQuery

More Information on Special scroll events for jQuery

Scrollable

The main design goals of this tool are to provide visual customization, ease of use and programmability. You can have both Horizontal and vertical scrolling.

Scrollable

More Information on Scrollable

jQuery Scroll Follow

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls.

jQuery Scroll Follow

More Information on jQuery Scroll Follow

The jQuery plugins above can easily be implemented into your website or blog. For instance, if you’re using a popular CMS like WordPress, you can install these plugins with only a few clicks and you will have a powerful jQuery scrollbar plugin added to your website. Go over the list and look at which jQuery scrollbar plugin is right for you and then try it out on your website. Try to find one that suits your needs and will also look great on your website.

If you like this article, you might be interested in some of our other articles on jQuery NavigationjQuery UI ResourcesjQuery Content Slider Resources, and jQuery Gallery Plugins.

Sharing is Caring
  • AntrAx

    You are kinda mixing scrollbar plugins with all sort of scroll scripts :)

  • http://www.techendeavour.com Suresh

    I am using some plugins which are similar to above.

  • dive

    sorry, bad link. That’s the right one: http://rocha.la/jQuery-slimScroll

  • http://ibytemedia.com Lloyd

    Thanks for the Lions bar link. I really prefer that look over the standard scroll bar.

    • Nikolay Dyankov

      Hey, I’m the developer of LionBars and just for heads up, it’s still buggy and you might want to wait for the next version, which will be rewritten from the ground up and hopefully will be ready to use in production. Follow me @nikolay_dyankov for updates ;)

      • Richard

        Looks like your link is now broken, have you stopped working on LionBars?

  • http://www.way2geeks.com Anonymous

    nice collection of plugins..Thanks for sharing…

  • http://www.panjibali.com Panji Bali

    Dear Nikolay ,

    where i can found the next version of LionBars

  • viralmehta1411

    jquery scrollbar are nice …you can also use http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

  • Dale

    Lionbars project has been killed it could be removed from this list.

  • http://www.hiccupsolutions.com Aditya Mohan

    Should Appreciable Work !! thanks a lot

  • KRishna Kumar

    Execellant collection

  • http://blogged.jimdo.com Ben Stuart

    Not at all fammiler with these ones, so good to find them out, thanks for the share.

  • http://typhudiaoc.com dia oc

    jQuery custom content scroller is number one plugin, easy to using

  • gkaruppusamy

    Thank you for your fruitful post..

  • http://diaoc-vn.com bat dong san

    Nice collection of plugins.
    Thank for sharing!

  • Aris

    test

  • http://www.satyathakur.com Satya Thakur

    Just what I needed at the right moment! you save me a lot of time searching.

    Thanks!

  • medha

    i am looking for a scroll bar with pagination.

  • http://codefight.org/ Damu

    That’s handy list of scroll collection.

  • Caleb

    I tried several of these and found jQuery custom content scroller to be the best/easiest. It doesn’t require any additional markup for one thing.

  • https://www.facebook.com/nikhil.sharma.982845 Nikhil Sharma

    These are very commendable resources. Thanks for sharing.