mCustomScrollbar not matching behaviour of native scrollbar.

[apoorva-shah]

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.

When i integrate mCustomScrollbar my functionality breaks.

So how can i achieve this? Please guide me.