我正在尝试使用http://wipetouch.codeplex.com/在Meteor应用上实施滑动,以便在Iron Router中的模板之间切换。
它在iOS和Android上运行得非常漂亮,但在Windows Phone上,操作系统的本机滑动手势(在浏览器中向右滑动会在历史记录中移动一页)会干扰用户的滑动操作。
有什么方法可以禁用它吗?
还有哪些其他平台具有类似的功能,可以阻止用户有效地在Web应用程序中滑动?
例如,this app也使用相同的库来实现滑动手势。
注意:在body标签上使用touch-action:none不起作用。
答案 0 :(得分:7)
我在一个小小的Web应用程序上遇到了同样的问题:它是一个临时游戏,玩家必须在整个"刮擦"区域,以发现他赢得了什么。
该游戏应该在Windows 8.1平板电脑上运行,其上有IE10。
我们在这个片段中添加了css:
*{
touch-action: none;
}
结果是完全停用应用程序上的任何触摸事件(包括向后/向前滑动)。
但是我们必须仅在暂存区域重新激活触摸事件,以允许玩家玩:)
为此我们必须添加:
#playzone{
touch-action: chained;
}
该应用程序仍可正常运行,无论是在平板电脑上的IE10上,还是在Windows Phone 8.1上。
(请原谅我的英语,它不是我的母语)
编辑:在对IE进行了更多测试之后,似乎在html元素上添加touch-action:none;
就足以实现OP想要的了。