/scrollboss

Beautiful Scrollbar customizer for Bootstrap & HTML5 Page

Primary LanguageJavaScriptMIT LicenseMIT



Beautiful Scrollbar customizer for Bootstrap & HTML5 Page

Installation

Include the CDN inside your head tag. powered by 

<script src="https://cdn.jsdelivr.net/gh/rohit-chouhan/scrollboss/scrollboss.js"></script>

or

<script src="https://cdn.jsdelivr.net/npm/scrollboss/scrollboss.js"></script>

Compatible Browser

Usage

Object Descpription
color to apply bootstrap and custom hex color on bar
background to apply bootstrap and custom hex color on bar track
width to apply width size of bar in pixel
radius used to radius apply on bar or track
shadow shadow size of bar track

Method

scrollboss.apply({
  color:"<bar_color>", //primary, danger, success, #e8009b(custom hex)
  background:"<track_color>", //primary, danger, success, #e8009b(custom hex)
  width:10, //bar width (in px) 
  radius:50, //bar radius
  shadow:5, //track shadow
});

Complete Code Example

Live Try => https://jsfiddle.net/8o7hgct9/

<html>
    <head>
        <title>
            The ScrollBoss
        </title>
        <script src="https://cdn.jsdelivr.net/gh/rohit-chouhan/scrollboss/scrollboss.js"></script>
        <script>
            scrollboss.apply({
                color:"primary",
                background:"success",
                width:10,
                radius:50,
                shadow:5,
            });
        </script>
    </head>
    <body>
        <h2>Hello</h2><br><br><br><br><br><br><br><br>
        <h2>Developer</h2><br><br><br><br><br><br><br><br>
        <h2>I</h2><br><br><br><br><br><br><br><br>
        <h2>Am</h2><br><br><br><br><br><br><br><br>
        <h2>ScrollBoss</h2><br><br><br><br><br><br><br><br>
    </body>
</html>

Developed by Rohit Chouhan