How to make use of it:

Download and import the fakescroll library into the doc.

<link rel="stylesheet" href="fakescroll.css">
<script src="fakescroll.js"></script>

Initialize the fakescroll in your scrollable component.

<div class="example">
  Long Content Here
</div>

document.querySelector('.example').fakeScroll();

Apply your personal CSS types to the scrollbar.

.example {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  min-height: 70%;
  height: 1px;
  width: 500px;
  overflow: auto;
  background: white;
}

.example.fakeScroll__scope { background: none; }

.example .fakeScroll__content {
  padding-top: 1em;
  padding-bottom: 1em;
}

.example .fakeScroll__wrap {
  background: #FFF;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Enable/disable the scrollbar observe.

document.querySelector('.example').fakeScroll({
  track: true
});

Add an additional CSS class to the scrollbar.

document.querySelector('.example').fakeScroll({
  classname: 'your-own-class'
});

Minimal Custom Scrollbar, FakeScroll Plugin/Github

See Demo And Download