我正在尝试使用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想要的东西.