I am using jQuery jScrollPane plugin in my website, It is working fine in normal PC browsers and iPad, Android tablets..
But when I open my website on Windows 8 touch screen Laptop I am unable to scroll the page with touch gestures like in iPad or Android tablet.
I tried this demo website(http://jscrollpane.kelvinluck.com/themes/lozenge/) also, I am unable to scroll the content with touch gestures.
To scroll the page I have to go to scrollbar and drag it to left/right. Earlier with default scroll bar I am able to scroll the page with touch gestures now I can't with jScrollPane.
I am able to scroll the content(demo and my site, in windows8 Device) in Chrome but not in IE and FireFox
Is this a known Issue? How can I fix this?
Is jScrollPane supports only webkit browsers for touch gestures?
If yes How can we make it to work on all browsers especially Firefox and IE?
Update:
As I mentioned in comment for Bruno answer, We already tried using following styles to that division.. But no luck
.scroll-pane{
overflow-x:scroll;
-ms-touch-action: pan-x;
}
and
.scroll-pane{
overflow-x: scroll;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);
}
Add this styles to the body tag of CSS.
overflow-x:scroll ;
-ms-touch-action: pan-x;
It worked for me. Hope this helps you as well. Best of Luck.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With