禁用向右滑动到Windows Phone上的上一页
我正在尝试使用http://wipetouch.codeplex.com/在Meteor应用程序上实现滑动以在Iron Router中的模板之间切换。
它在iOS和Android上运行得非常漂亮,但在Windows Phone上,操作系统的本机滑动手势(在浏览器中向右滑动会在历史记录中移动一页)会干扰用户的滑动操作。
有什么方法可以禁用它吗?
还有哪些其他平台具有类似的function,可以防止用户有效地在Web应用程序中滑动?
作为示例, 此应用程序还使用相同的库来实现滑动手势。
注意:在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想要的东西。