perfect-scrollbar

Minimalistic but perfect custom scrollbar plugin

perfect means...

No change on design layout
No manipulation on DOM tree
Use plain scrollTop and scrollLeft
Scrollbar style is fully customizable
Efficient update on layout change

Demo

Width

Height

Code

const ps = new PerfectScrollbar(demoDiv);

button.addEventListener('click', () => {
  demoDiv.style.width = `${widthInput.value}px`;
  demoDiv.style.height = `${heightInput.value}px`;

  ps.update();
});

Documentation

Please refer to the README.

License

The MIT License (MIT)
Copyright (c) 2012-2017 Hyunje Jun and other contributors.