13 Customizable jQuery Scrollbars (horizontal & vertical)

Do you want to replace the standard browser scrollbar view of your website with a beautiful one? if so, then you can use the scrollbar jQuery plugin for it.

As we know, scrollbar is one of the website navigation elements that help users to view a content or articles of your website, the appearance of scrollbar can be horizontal and vertical design.

See Also: 20 Inspiring Parallax Scrolling Website Design

If you feel the standard view of your website scrollbar is too usual, you can customize it using some of jQuery plugins. Today, we gathered customizable jQuery scrollbars that you can use to make your scrollbar more attractive but easy to use by visitors of your site. Each of plugin has a documentation and tutorial for implementing the scrollbar to your site.

Perfect Scrollbar

Perfect Scrollbar

perfect-scrollbar is a simple and minimalist scrollbar plugin. The design of the scrollbar is fully customizable and work in modern internet browsers.

DOWNLOAD

ng-scrollbar

ng-scrollbar

ng-scrollbar is a custom scrollbar written in pure AngularJS. Works with the mouse and on touch screen.

DOWNLOAD

Scrollbar CSS/JavaScript Styling Tutorials

Scrollbar CSS/JavaScript Styling Tutorials

Useful tutorials for styling scrollbar using CSS and JavaScript to customize the appearance of scrollbar on your website, you can use CSS or Javascript plugin to change the color, arrow button and scroll thumb to suit your needs.

DOWNLOAD

jQuery CSS Customizable Scrollbar

jQuery CSS Customizable Scrollbar

jQuery scrollbar with cross-browser compatible, the design of this scrollbar is hihly customized and built in responsive layout. Vertical, horizontal or both scrollbars will automatically reinitialize in any different screen device.

DOWNLOAD

Malihu custom scrollbar plugin

Malihu custom scrollbar plugin

Malihu scrollbar is a highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar, adjustable scrolling momentum, ready-to-use themes and customization via CSS and more.

DOWNLOAD

MooTools Scrollbar product slider

MooTools Scrollbar product slider

MooTools Scrollbar is a lightweight and simple Apple-style product browser for MooTools. Cross-Browser Compatible.

DOWNLOAD

reactScrollbar

reactScrollbar

Simple ScrollArea component built for React. built with and for React horizontal and vertical scrollbars touch, support scrollbar dragging and clicking and more.

DOWNLOAD

jScrollPane

jScrollPane

jScrollPane is a flexible but very easy to use, 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. You can style the resultant scrollbars easily with CSS or choose from the existing themes.

DOWNLOAD

ngTinyScrollbar

ngTinyScrollbar

ngTinyScrollbar is an angular directive port of the TinyScrollbar.

DOWNLOAD

Nicescroll

Nicescroll

Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios mobile style with a custom scrollbars compatible with desktop, tablet and phone devices.

DOWNLOAD

Tiny Scrollbar

Tiny Scrollbar

Tiny Scrollbar is a nice and elegant way to enable the scrolling of content on mobile and desktop devices. It’s designed to be a dynamic lightweight utility.

DOWNLOAD

Native scroll with custom scrollbar

Native scroll with custom scrollbar

Baron is a small, fast and cross browser custom scrollbar with native system scroll mechanic, it’s customizable scrollbar design with full CSS support.

DOWNLOAD

Android-ScrollBarPanel

Android-ScrollBarPanel

Android-ScrollBarPanel allows to attach a view to a scroll indicator like it’s done in Path app. Licensed under the Apache License.

DOWNLOAD

Leave a Reply

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

Support Us