JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://enscrollplugin.com/releases/enscroll-0.6.1.min.js"></script>
<div id="scrollbox3">
    <h1>New Scrolling Window</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a justo erat, vendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urolutpat hendrerit dolor. Sed urna nibh, dapibus at egestas non, .</p>
    
    <p>Suspendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urendisse et massa urna. Donec eu lorem nec felis dapibus aliquam viverrgestas.</p>
</div>

CSS

#scrollbox3 {
    overflow: auto;
    width: 400px;
    height: 360px;
    padding: 0 5px;
    border: 1px solid #b7b7b7;
}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}

JavaScript

$('#scrollbox3').enscroll({
    showOnHover: true,
    verticalTrackClass: 'track3',
    verticalHandleClass: 'handle3'
});