Vanilla JavaScript Library For Custom Scrollbars – SimpleScrollbar

Preview:

Description:

A simple, lightweight, ES6 compatible vanilla JavaScript library to create a custom scrollbar on your scrollable content on mouse hover.

How to use it:

Download the SimpleScrollbar JS library, and include the simple-scrollbar.js at the bottom of the webpage.

<link rel="stylesheet" href="simple-scrollbar.css" />
<script src="simple-scrollbar.min.js"></script>

Initialize the SimpleScrollbar on a specific container.

<script>SimpleScrollbar.initEl(document.querySelector(".container"));</script>

Initialize the SimpleScrollbar on multiple containers.

<div id="container-a" data-ss-container></div>
<div id="container-b" data-ss-container></div>
<div id="container-c" data-ss-container></div>
...

SimpleScrollbar.initAll();

Changelog:

06/20/2020

• add unbinding capabilities

09/12/2019

• Make scrollbar always visible