Phonegap iOS应用程序屏幕双击滑动

Har*_*ain 2 iphone html5 ios cordova

我正在为iOS开发一个phonegap应用程序.当我双击屏幕底部时,主屏幕会向上滑动.这仅在纵向模式下发生.

我试过禁用滚动..但这没有奏效.这是我的HTML代码:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0 " />
<body>
<div class="mainScreenContent" align="center">
<table>
<form>
<tbody>
<tr >
<td>
<button type="submit" class="largeButton grayGradientEffect">Button 1</button>
</td>
</tr>
<tr>
<td >
<button type="submit" class="largeButton grayGradientEffect" onclick="">Button 2</button>
</td>
</tr>
</tbody>
</form>
</table>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

这是屏幕截图:

这就是主屏幕的样子:

在此输入图像描述

这是双击底部后的样子:

在此输入图像描述

谢谢大家的帮助.

Ala*_*anH 6

如果您使用的是jquery,请拦截此事件.

解决方案由JohanSundström在下面

https://gist.github.com/2047491

要使用,请将以上内容添加到您的javascript中.然后截取适当的元素.

例如

$("body").nodoubletapzoom();
Run Code Online (Sandbox Code Playgroud)