scrollboss
v1.0.1
Published
Beautiful Scrollbar customizer for Bootstrap & HTML5 Page.
Downloads
1
Maintainers
rohit-chouhanReadme
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>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