7 beautiful custom scrollbar Jquery Plugins

Posted by on in Miscellaneous

If you ever wants to show large amount of content in small area you need a scrollbar to show all the text. But sometimes your design doesn’t match up with browser scrollbar. In that case here is the list of the awesome custom scrollbar jquery plugins

you can look into it and choose one which suits you the best.

1. jScrollPane – cross browser styleable scrollbars with jQuery and CSS

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser’s default scrollbars into an HTML structure which can be easily skinned with CSS.

jscrollpane slider demo on codeisnects.com

2. 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.

customscrollar-codeinsects.com

3. jScrollbar : make easily your own scrollbars for scrolling contents

4. 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 - Codeinsects.com

5. SCROLLBAR PAPER

This plugin is an alternative to jScrollPane. 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.

Scroll bar Paper -Codeinsects.com

6. Infinite Scroll

Infinite scroll has been called autopagerize, unpaginate, endless pages. But

essentially it is pre-fetching content from a subsequent page and adding it directly to the user’s current page.

Infinite Scroll - Codeinsects.com

7. Scrollbar Plugin by Creamama

This plugin has only one purpose. That of creating a scrollbar in a desired item to display a content larger than that of visible space. It caters to those (and those) who do not want to see the scrollbar of the browser. Management Sroll wheel is also included in this plugin, but is deactivated.

Scrollbar -Codeinsects.com

I hope you enjoyed this collection of custom scrollbars. If you have more and I miss those, please add to this list through your comments. Cheers :)

You would also like:

About Sam

Web Developer by Profession, Human by Nature, Blogger by Passion. More than 5 years of experience in PHP, JQuery, Drupal, Cake PHP, HTML, CSS and Javascript. You can follow me on Twitter and also on Digg. Also you can email me at sam@codeinsects.com.

Comments

  1. By Shah on

    I actually wanted to develop a remark to be able to express gratitude to you for these awesome points you are writing on this site. My considerable internet look up has finally been paid with brilliant information to write about with my company. I would express that many of us website visitors are definitely lucky to be in a useful place with many special individuals with beneficial secrets. I feel rather happy to have come across the webpage and look forward to plenty of more exciting moments reading here. Thanks again for all the details.

    Reply
  2. By BlueHost Discount on

    hey your blog design is very nice, clean and fresh and with updated content, make people feel peace and I always like browsing your site.

    Reply
  3. By freakqnc on

    Thanx for the info! Personal experience: though 2. JQUERY CUSTOM CONTENT SCROLLER is really slick looking, doesn’t scale well when using it in anything more complex than an simple HTML page. CSS looks would work but functionality are broken far too easily. I’d advise looking to different scripts instead of wasting time trying fit it for what I needed (like I did) save your time and play around with some other plugins/scripts.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>