微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 禁用向右滑动到Windows Phone上的上一页

我正在尝试使用http://wipetouch.codeplex.com/在Meteor应用上实现滑动以在Iron Router中的模板之间切换.

它在iOS和Android上运行得非常漂亮,但在Windows Phone上,操作系统的本机滑动手势(在浏览器中向右滑动,在历史记录中移动一页)会干扰用户的滑动操作.

有什么方法可以禁用它吗?

还有哪些其他平台具有类似的功能,可以防止用户有效地在Web应用程序中滑动?

例如,this app也使用相同的库来实现滑动手势.

注意:在body标签上使用touch-action:none不起作用.

解决方法:

我在一个小小的Web应用程序上遇到了同样的问题:它是一个临时游戏,玩家不得不在“可刮擦”区域上滑动手指以发现他赢得了什么.

该游戏应该在Windows 8.1平板电脑上运行,其上有IE10.

我们在这个片段中放入了css:

*{
    touch-action: none;
}

结果是完全停用应用程序上的任何触摸事件(包括向后/向前滑动).

但是我们只能在刮刮区重新激活触摸事件,以允许玩家玩:)

为此我们必须添加

#playzone{
    touch-action: chained;
}

该应用程序仍然可以完美运行,无论是在平板电脑上的IE10,还是在Windows Phone 8.1上.

(请原谅我的英文,这不是我的母语)

编辑:在IE上测试更多之后,似乎添加了touch-action:none;在html元素上足以实现OP想要的东西.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐