Lazybars – CSS Themeable Responsive Scrollbar jQuery Plugin

Lazybars – CSS Themeable Responsive Scrollbar jQuery Plugin

[ad_1]

To get this product on 50 p.c low cost contact me on this link

 

LIVE PREVIEWBUY FOR $10

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

Latest Lazybars model 1.6.5 (20th February 2018)

Documentation | Changelog | Comments | Examples | Support – FAQs

If you want Lazybars, please spare a second to price it… Thank you.

Support

If you want assist, please use the support forum and FAQs. I’ll get again to you as quickly as attainable. Any direct messages could also be delayed response.

To adhere to Envato market assist terms and conditions, Support shall be offered for six months after buy with an choice to increase throughout buy.

If you discover any bugs and/or wish to counsel any options then please go away a remark and they’ll all be learn and regarded.

Quick begin information

Because this can be a jQuery plugin, you have to to be utilizing jQuery in your web site.

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

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

    <!-- jQuery -->
    <script src="//code.jquery.com/jquery-3.3.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 aspect in your HTML

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

Example HTML

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

Options

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

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

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

[ad_2]

To get this product on 50 p.c low cost contact me on this link

 

Source

Pomento
Logo
Register New Account
Reset Password
Compare items
  • Total (0)
Compare
0
Shopping cart