Javascript custom scroll js with same behaviour as default

I have taken a horizontal scroll bar inside a div.

        <div id="custom_scroll" style="width: 91%; overflow: auto; margin: 0 3%;">
            <div id="custom_scroll_child" style="width: 100%">
                &nbsp;
            </div>
        </div>

I increase width of inner div#custom_scroll_child. But these scrollbar is not visible in mobile. So i want to include js library.

When i add any js library like mCustomScrollbar, It's scrollbar width and scroll left is not matching compared to default scroll bar.

So i want design of custom scrollbar. But want behaviour of native scrollbar.

So how can i achieve this? Please guide me.

from Javascript custom scroll js with same behaviour as default