What is Lazybars?

Lazybars is an easy to use, cross browser, themeable, responsive scrollbar, jQuery plugin.
You can implement these scrollbars just by adding a class name to to any scrollable element on your website.
Make use of the themes that are bundled with Lazybars, or create your own with some simple CSS.
One regular license allows you usage on one website.

Documentation View examples

Buy Lazybars on CodeCanyon

Current version 1.5.2 - 18th May 2015

Quick start guide

Because this is a jQuery plugin, you will need to be using jQuery on your website.

  1. Upload the lazybars folder to the public folder on your server.
  2. Link Lazybars CSS to your site, in the <head> tag.

    <!-- Lazybars Default stylesheet -->
    <link rel="stylesheet" type="text/css" href="lazybars/css/lazybars.min.css">
  3. Add Lazybars Javascript below the jQuery library.

    <!-- jQuery -->
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    
    <!-- Lazybars Javascript -->
    <script src="lazybars/js/lazybars.min.js"></script>
  4. Add the class name lazybars-x or lazybars-y to any scrollable element in your HTML

    <div class="lazybars-y">
        ...
    </div>

Example HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Lazybars example page</title>
        <!-- Lazybars Default stylesheet -->
        <link rel="stylesheet" type="text/css" href="css/lazybars.min.css">
    </head>
    <body>
        <div class="lazybars-y">
            ...
        </div>
        <!-- jQuery -->
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
        <!-- Lazybars Javascript -->
        <script src="js/lazybars.min.js"></script>
    </body>
</html>

Features

Easy to use

Just add class lazybars-x or lazybars-y to a scrollable element to add custom scrollbars.

Cross browser compatible

Works in IE8, IE9, IE10, IE11, Chrome, Firefox and Safari.

Small footprint

With the default CSS just over 1KB and the Javascript under 4KB (minified version 1.1), the library is really small.

Responsive

Lazybars updates on window resize.

Themeable

Easy to theme with a few lines of css. There are 2 themes bundled.
We would love to see yours.

Lifetime Support

FREE lifetime support if something goes wrong. Customisation may be provided upon request.

Free Updates

Lazybars is currently in version 1 and we are always open to suggestions.