Horizontal Scroll have problem with Touch Screen, even on your sample page

[MohammadKani]

Hi there, great plugin 👍

there is a problem on scrolling in x-axis with touch screen, you can check it with you sample page : http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html

if user touch between elements on draging to scrol, sometime its not working

[vensires]

May it be related to #333?

[JetmirAhmati]

Hi, i had also this issue but i did a trick by adding inside content, overflow-x: auto; display: block,
.container { // selector for mcustomscrollbar overflow-x: auto; display: block; white-space: nowrap; > div { // content inside overflow-x: auto; display: block; } } but in my case, i had table markup and applying display: block compromised the styles of table.

[guamacherox]

Having the same problem with horizontal scrolling, the touchpad scrolling only works if the axis is defined only as 'x', otherwise for 'yx' the horizontal scrolling doesn't work. Any solution for this?

[vensires]

Unfortunately nothing so far.

[steffmartin]

If your problem is the same as mine, I solved this issue by removing mCustomScrollbar after the default code like this:

$("#scrollableDiv").mCustomScrollbar({ axis:"x", theme:"inset-dark", }); $("#scrollableDiv").removeClass("mCustomScrollbar");

[rizqikautsar]

If your problem is the same as mine, I solved this issue by removing mCustomScrollbar after the default code like this:

$("#scrollableDiv").mCustomScrollbar({ axis:"x", theme:"inset-dark", }); $("#scrollableDiv").removeClass("mCustomScrollbar");

i've tried this solution, and it works. Thanks!

[PowerSlime]

Another solution is to set touch-action to initial

.mCustomScrollbar {
    touch-action: initial
}