Tiny Scrollbar is a nice and elegant way to enable the scrolling of content on mobile and desktop devices. Its designed to be a dynamic lightweight utility. Furthermore it gives a User Interface Designer a powerful way of enhancing the Ui (user interface) of a website.
- IOS and Android support.
- AMD, Node, requirejs and commonjs support.
- Can scroll vertical or horizontal.
- Supports scrolling by wheel, thumb, track or touch.
- It has a update method so it can handle (async) content changes.
- Size of the track and thumb can be set to auto or a fixed number.
- Easy customizable.
- Supports normal scrolling and mobile style invert scrolling.
- Examples can be seen on this page, by downloading the zip or here.
- Lightweight, small and clean code.
slimScroll is a small (4.6KB) and customizable jQuery plugin that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.
Enscroll is a jQuery plugin that gives you the power to replace those scrollbars rendered by the web browser with ones that you design. Either replace the scrollbars with your own image or use custom CSS to style them anyway you desire.
jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.
- perfect-scrollbar has some requirements, but doesn't change or add any style on original elements.
- perfect-scrollbar is designed not to have width or height. It's fixed on the right and bottom side of the container.
- You can change nearly all css styles of the scrollbar. The scrollbar design has no dependency on scripts.
- perfect-scrollbar supports an 'update' function. Whenever you need to update the size or position of the scrollbar, just update.
- Additionally, perfect-scrollbar uses 'scrollTop' and 'scrollLeft', not absolute positioning or something messy.
- perfect-scrollbar supports RTL perfectly on both WebKit and Gecko based browsers.
2. Nice scroll
Nicescroll 3 is a jquery plugin, for nice scrollbars with a very similar ios/mobile style. Support horizontal scrollbar too, an easy-to-use solution to have a custom scrollbars compatible with destkop, tablet and phone devices. It supports
textarea, and document page (body) scrollbars.
- Simple installation and activation, it works with NO modification of your code.
- Very stylish scrollbars, with no occupation on your window (original browser scrollbars need some of page space and reduces window/div usable width).
- You can style main document scrollbar (body).
- On all browsers you can scroll: dragging the cursor, mouse wheel (speed customizable), keyboard navigation (cursor keys, pagup/down keys, home/end keys).
- Scroll is smooth (as modern tablet browsing), speed is customizable.
- Zoom feature.
- Hardware accelerated scroll (where available).
- Animation frame support for smoth scrolling and cpu-saving.
- dragging scroll mode with scrolling momentum (as touch device).
- Tested for all major browsers desktop and mobile versions.
- Support for touch devices.
- Support for multi-input devices (IE10 with MSPointer).
- Compatible with many other browsers, including IE6, Safari on Mac and WP7 Mango.
- Very customizable aspect of bar.
- Native scroll events are working yet.
- Fully integrated with jQuery.
- Compatibile with jQuery UI, jQuery Touch, jQuery Mobile.
1. jQuery scrollbar
jQuery scrollbar is a cross-browser CSS customizable scrollbar with advanced features:
- Easy to implement.
- No fixed height or width.
- Responsive design support.
- CSS customizable.
- Standard scroll behavior.
- Vertical, horizontal or both scrollbars.
- Automatically reinitialize scrollbar.
- External scrollbars support.
- Browser support: IE7+, Firefox1, Opera, Chrome, Safari.
- jQuery Scrollbar as Angular.JS directive.
- Textarea scrollbar.
- Page map feature.
If you think we have forgotten another awesome scrollbar plugin, please share it with us in the comment box.