Custom Scrollbars

Overlay Scrollbars is a javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

Scrollbar Demo Plugin Website

Usage example

In Super Admin, Overlay Scrollbar is further customized to look consistent with the overall look of the template.

<div class="scrollbar"></div>
var scrollbar = $('.scrollbar');
if(scrollbar[0]) {
    scrollbar.overlayScrollbars({
        scrollbars: {
            autoHide: 'l',
            clickScrolling: true
        },
        className: 'os-theme-light'
    });
}
Files required:
Type Files
Custom SCSS /src/scss/inc/vendor-overrides/_overlay-scrollbars.scss
Javascript /src/js/vendors/overlay-scrollbars.js
Library /resources/vendors/overlay-scrollbars/OverlayScrollbars.min.css /resources/vendors/overlay-scrollbars/jquery.overlayScrollbars.min.js