Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jScrollPane Unable to scroll the content on Browsers in Windows 8 touch screen laptop

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%);

}
like image 785
Raghuveer Avatar asked Dec 26 '22 11:12

Raghuveer


1 Answers

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.

like image 152
s-sharma Avatar answered Dec 29 '22 02:12

s-sharma