I want to move the scrollbar by touching on it and draging it on touch screens (in nest hub). Here is part my code: I have a table and the table container has got a scroll bar-

<div id="table-container" style="overflow-y: auto;">
    <table style="width:100%" id="myTable">
              
    </table>
</div>

Javascript:

if ( isTouchDevice() ) {
        document.querySelector("#table-container::-webkit-scrollbar").ontouchmove = function() {
            // some code
        }
}

This is my website https://product.thob.studio/. I inspect the website and select nest hub and then I click see more under shirt and then a modal appears and the scrollbar appears on the right side of the modal. But I am not able to drag the scroll bar vertically. This is my problem.