3

モバイル専用の 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 では正常に動作していますが、正常に動作しています。つまり、入力テキスト フィールド内に入力しているときに、フッター領域 (内部にフォームがある) がデバイスのキーボードの後ろに隠れていません。

問題について詳しく説明できなかった場合は申し訳ありません。この抜け毛のお悩みにお役立てください。

よろしくお願いします。

4

0 に答える 0