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

In order to implement the plugin, you first need to insert inside the head tag of your document the jquery.min.js and jquery-ui.min.js, the jquery.easing.1.3.js jquery.mousewheel.min.js and the jquery.mCustomScrollbar.css which is the file where you can style your content and scrollbars.
You can configure each content block scrollbar by setting the parameters of the function call:

• The scroll type (“vertical” or “horizontal”)
• The scroll easing amount (e.g. 400 for normal easing, 0 for no easing etc.)
• The scroll easing type

4. The extra bottom scrolling space (applies to vertical scroll type only)
5. Set the scrollbar height/width adjustment (“auto” for adjustable scrollbar height/width analogous to content length or “fixed” for fixed dimensions)
6. Set mouse-wheel support (“yes” or “no”)

Requirements: jQuery Framework
Demo: http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html
License: Other License

Incoming search terms for the article:

• jquery scrollbar
• jquery custom scrollbar
• custom scrollbar jquery
• scrollbar jquery
• jquery scrollbar plugin
• jquery scrollbar style
• custom scrollbar
• scroll easing type
• jquery custom scroll
• css scrollbar style