モバイル専用の HTML5、Bootstrap、CSS、Angular JS を使用して 1 つのページを作成しました。CSSを使用して修正されたフッターに、1つの入力フィールドと1つのボタン(ページにメッセージを投稿するため)を備えた1つのフォームを保持しようとしました-
position: fixed;
right: 0;
bottom: 0;
left: 0;
margin-bottom: 0;
このルールはフォームのラッパー div に適用されます。
<div class="navbar navbar-fixed-bottom">
<div class="navbar-inner">
<div class="row">
<a class="pull-right switch-venue" target="blank" ng-href="#" href="#">
<img alt="Switch Venue" height="25px" src="images/swithc-venue.png">
</a>
<div class="span12 powered-by">
Powered by <img alt="" title="" width="70px" src="images/footer_logo.png">
</div>
</div>
</div>
</div>
しかし、ここで問題は、モバイル デバイス Samsung Galaxy Y ST5360 で (Web アドレス URL を使用して) ページにアクセスしようとしたときであり、入力テキスト ボックス内にテキストを入力しようとすると、Android デバイスのキーボードが表示され、この背後にフッター領域全体 (入力フィールドとボタンを含むフォーム) が非表示になっています。
これは、他の Android デバイス Samsung Galaxy S III では正常に動作していますが、正常に動作しています。つまり、入力テキスト フィールド内に入力しているときに、フッター領域 (内部にフォームがある) がデバイスのキーボードの後ろに隠れていません。
問題について詳しく説明できなかった場合は申し訳ありません。この抜け毛のお悩みにお役立てください。
よろしくお願いします。