Custom Scrollbars With jQuery: Perfect Scrollbar

12 Feb

Custom scrollbars that look the same on all browsers are everywhere (for ex: almost all Google apps).

Perfect Scrollbar is a lightweight (~14kb) jQuery plugin for creating them without any hassle.

It doesn’t ruin the default layout or require/apply any CSS changes. The plugin works with containers of any size and re-arranges the positions if a container-resize happens.

Also, the design of the scrollbar can be customized completely with CSS and it supports jquery-mousewheel plugin in case you want to make use of it.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://noraesae.github.com/perfect-scrollbar/
Download: https://github.com/noraesae/perfect-scrollbar

Tags: Scrollbar
Filed under: Browsing, Goodies, MIT License
4 Comments

4 Responses for "Custom Scrollbars With jQuery: Perfect Scrollbar"

Keven February 13th, 2013 at 3:40 am
14kB for scrollbars is absolutely NOT lightweight…

Umut M. February 14th, 2013 at 1:16 am
@Keven,

Thinking twice, you are right. But, the minified size is 5kb and this will get much smaller when gzipped.

Eule February 18th, 2013 at 8:02 am
Works fine with really low resolutions.. Change it at something bigger and it doesnt work anymore. why is that so?