Perfect Scrollbar v1.4.0
“Minimalistic but perfect custom scrollbar plugin.”
!IMPORTANT Perfect Scrollbar is applied on the .main-panel
and .sidebar .sidebar-wrapper
so we will have a nice scrollbar that is visible only when you actually scroll. Since it is changing the overflows of the CSS it is also affecting the child elements which have a scroll so please make sure that you add the class .ps-child
to any element that should have scroll.
For more information please check Full Github Documentation.
<!-- javascript for activating the Perfect Scrollbar -->
const ps = new PerfectScrollbar('.sidebar-wrapper');
const ps2 = new PerfectScrollbar('.main-panel');
<!-- javascript for detroying the Perfect Scrollbar -->
ps.('destroy');
<!-- javascript for updating the Perfect Scrollbar when the content of the page is changing -->
ps.update();