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

时间:2014-11-05 18:05:11

标签: javascript jquery meteor touch

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

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

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

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

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

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

1 个答案:

答案 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想要的了。