JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<div class="scrollbar">scrollbar</div>

CSS

.scrollbar{}

JavaScript

$(document).on(".scrollbar", function (e) {

    $('.scrollbar').addClass("draggable");

    $(doc).on("scrollbar", function (e) {
        var diff = parseInt((event[(d == "x") ? "pageX" : "pageY"] - eventPosition) / scrollx.kx, 10);
        c[scrollOffset](initOffset + diff);
    });

    return handleMouseDown(function () {
        scrollx.scrollbar.removeClass("draggable");
        scrollToValue = c[scrollOffset]();
    }, event);
});