AndroidのソフトキーボードがモバイルHTML5ウェブアプリケーションの入力フィールドを不明瞭にする

Question

AppleとAndroidの両方で動作するモバイルHTML5 Webアプリケーションを作成しています。私がテストしているAndroidデバイスでは、次の問題が発生しています。

私は、入力Webコントロールのテキストボックスを画面の下半分に配置しています。フォーカスがテキストボックスに移動すると、ソフトキーボードが表示され、ユーザーが入力するはずの入力Webコントロールを覆い隠す/覆い隠します。ユーザーが少なくとも1つの文字を入力した場合にのみ、入力Webコントロールが表示され、キーボードの下に隠れなくなります。

私が欲しいのは、入力されたフィールドがキーボードによって隠されていないことです。ソフトキーボードが表示されたら、入力Webコントロールを表示したままにしておきます。

これはAndroidバージョン3.2を搭載したSamsungタブレットに搭載されています。

これを達成する方法を教えてください。

Answer 1

このアンドロイド（そして今やios7も）を厄介なものにする最も簡単な方法は、入力フォーカスとブラーイベントを使用することです。フッタータグがクラスに変更されていない場合。 jQueryので

：

$("input").focus(function(){ 
    $('footer').hide(); 
}); 

$("input").blur(function(){ 
    $('footer').show(); 
}); 

Answer 2

が

html, body{overflow: hidden;} 

あなたのCSSファイルに一度、この試してみて、問題が発生した場合を教えてください。

と一度活動

android:windowSoftInputMode="adjustPan"