Beautiful Scrollbar customizer for Bootstrap & HTML5 Page
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>| 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 |
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
});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