繁体   English   中英

jScrollPane无法在Windows 8触摸屏笔记本电脑中滚动浏览器上的内容

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

我在我的网站上使用jQuery jScrollPane插件,它在普通的PC浏览器和iPad,Android平板电脑上工作正常。

但是,当我在Windows 8触摸屏笔记本电脑上打开我的网站时,我无法使用iPad或Android平板电脑等触摸手势滚动页面。

我也试过这个演示网站( http://jscrollpane.kelvinluck.com/themes/lozenge/ ),我无法用触摸手势滚动内容。

要滚动页面,我必须转到滚动条并向左/向右拖动。 早期使用默认滚动条我可以使用触摸手势滚动页面,现在我无法使用jScrollPane。

我能够在Chrome中滚动内容(演示和我的网站,在windows8设备中),但不能在IE和FireFox中滚动

这是一个已知的问题? 我怎样才能解决这个问题?

jScrollPane是否仅支持用于触摸手势的webkit浏览器?

如果是,我们怎样才能让它适用于所有浏览器,尤其是Firefox和IE?

更新:

正如我在评论Bruno的回答中提到的那样,我们已经尝试过使用以下样式来进行分类......但是没有运气

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

}

将此样式添加到CSS的body标记中。

overflow-x:scroll ; 
-ms-touch-action: pan-x;

它对我有用。 希望这对你也有帮助。 最好的运气。

是的,jScollPane只关心webkit触摸事件(它们是唯一的事件atm)但现在MS引入了Pointer事件 ,虽然很容易检测到许多开发人员不这样做。 想到的另一个例子是FlexSlider插件,它也用于仅检测touchend,touchstart等。

如果您想让jScollPane在Win8中工作,您可能需要修改源并调整它以检测MS指针事件。

我将一个MsPointerEvents( http://goo.gl/MnEIh )添加到jquery.jscrollpane.js:

https://raw.github.com/karacas/jScrollPane/9fe8872f6e2438a87847e3d01b46648f06d15fc1/script/jquery.jscrollpane.js

希望它有效,对不起,但我无法测试这个,因为我没有w8。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM