Perfect Scrollbar

“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 -->
$('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar();

<!-- javascript for detroying the Perfect Scrollbar -->
$('.main-panel').perfectScrollbar('destroy');

<!-- javascript for updating the Perfect Scrollbar when the content of the page is changing -->
$('.main-panel').perfectScrollbar('update');