2

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>

スクリーンショットは次のとおりです。

メイン画面はこんな感じ。

ここに画像の説明を入力

下部をダブルタップすると、次のようになります。

ここに画像の説明を入力

助けてくれてありがとう。

4

2 に答える 2

6

jquery を使用している場合は、このイベントをインターセプトします。

以下の Johan Sundström によるソリューション

https://gist.github.com/2047491

使用するには、上記を JavaScript に追加します。次に、適切な要素でインターセプトします。

例えば

$("body").nodoubletapzoom();
于 2012-11-28T13:28:40.213 に答える
0

メタ ビューポート クエリに次を追加してみてください。

user-scalable=0 
于 2012-10-01T14:39:46.667 に答える