Home / Premium Pro Plugins / Lazybars – Themeable responsive scrollbar jQuery plugin

Lazybars – Themeable responsive scrollbar jQuery plugin

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...



[GET] DOWNLOAD

Lazybars is a straightforward to make use of, themeable scrollbar, jQuery plugin.
You possibly can implement these scrollbars simply by including a category title to to any scrollable ingredient in your web site.
Make use of the themes which can be bundled with Lazybars, or create your individual with some easy CSS.
One common license permits you utilization on one web site.

Newest Lazybars model 1.5.2 (18th Might 2015)

Documentation | Changelog | Feedback | Examples | Assist – FAQs

In the event you like Lazybars, please spare a second to charge it… Thanks.

Assist

In the event you want assist, please use the assist discussion board and FAQs. I’ll get again to you as quickly as attainable. Any direct messages could also be delayed response.

To stick to Envato market assist phrases and circumstances, Assist can be supplied for six months after buy with an possibility to increase throughout buy.

In the event you discover any bugs and/or wish to counsel any options then please depart a remark and they’ll all be learn and thought of.

Fast begin information

As a result of it is a jQuery plugin, you have to to be utilizing jQuery in your web site.

  1. Add the lazybars folder to the general public folder in your server.
  2. Hyperlink Lazybars CSS to your web site, within the <head> tag.

    <!-- Lazybars stylesheet -->
    <hyperlink rel="stylesheet" sort="textual content/css" href="lazybars/css/lazybars.min.css">
  3. Add Lazybars Javascript beneath the jQuery library.

    <!-- jQuery -->
    <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- Lazybars Javascript -->
    <script src="lazybars/js/jquery.lazybars.min.js"></script>
  4. Add the category title lazybars-x or lazybars-y to any scrollable ingredient in your HTML

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

Instance HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Lazybars instance web page</title>
        <!-- Lazybars stylesheet -->
        <hyperlink rel="stylesheet" sort="textual content/css" href="lazybars/css/lazybars.min.css">
    </head>
    <physique>
        <div class="lazybars-y">
            ...
        </div>
        <!-- jQuery -->
        <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
        <!-- Lazybars Javascript -->
        <script src="lazybars/js/jquery.lazybars.min.js"></script>
    </physique>
</html>

Choices

There are a number of choices so you’ll be able to customise Lazybars. You can also make use of those choices utilizing information attributes.

<div class="lazybars-y" data-position="left" data-fade="true" data-offset="-5">
    ...
</div>

For a full record of choices and superior implementation please check out the Documentation


DOWNLOAD

Check Also

perview.png

Brightery Semastrap – Bootstrap Skin

DOWNLOAD Semastrap – Bootstrap pores and skin: This Pores and skin made by Brightery Authors. ...

inline-view.png

My Days – Event Countdowns

DOWNLOAD Change Log Model 1.zero (November 25, 2015) Preliminary Launch Model 1.1 (November 28, 2015) ...