perfect-scrollbar.css

.ps-container {
    position: relative;
    -ms-touch-action: none;
    overflow: hidden !important;
}
    .ps-container.ps-in-scrolling {
        pointer-events: none;
    }

    .ps-container.ps-active-x > .ps-scrollbar-x-rail,
    .ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
    }
   
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail,
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
        background-color: #eee;
    }
        .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x,
        .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            background-color: #999;
        }

    .ps-container > .ps-scrollbar-x-rail,
    .ps-container > .ps-scrollbar-y-rail {
        display: none;
        position: absolute;
        opacity: 0;
        border-radius: 4px;
    }
        .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x,
        .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            position: absolute;
            background-color: #aaa;
            border-radius: inherit;
        }
    .ps-container > .ps-scrollbar-x-rail {
        bottom: 0;
        height: 8px;
    }
        .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
            bottom: 0;
        }
    .ps-container > .ps-scrollbar-y-rail {
        right: 0;
        width: 8px;
    }
        .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            right: 0;
        }

.ps-container.ps-in-scrolling:hover {
    /*pointer-events: none;*/
}
    .ps-container.ps-in-scrolling.ps-x:hover > .ps-scrollbar-x-rail,
    .ps-container.ps-in-scrolling.ps-y:hover > .ps-scrollbar-y-rail {
        background-color: #eee;
    }
        .ps-container.ps-in-scrolling.ps-x:hover > .ps-scrollbar-x-rail > .ps-scrollbar-x,
        .ps-container.ps-in-scrolling.ps-y:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y {
            background-color: #999;
        }

    .ps-container:hover > .ps-scrollbar-x-rail,
    .ps-container:hover > .ps-scrollbar-y-rail {
        opacity: 0.6;
    }
        .ps-container:hover > .ps-scrollbar-x-rail:hover,
        .ps-container:hover > .ps-scrollbar-y-rail:hover {
            background-color: #eee;
            opacity: 0.9;
        }
            .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x,
            .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
                background-color: #999;
            }