jquery-mobile - 電話ギャップアンドロイドでキーボードポップアップが表示されると、ヘッダーとフッターの位置が変わります

Question

折りたたみビューと入力テキストを含むページを作成しました。入力テキストがクリックされるまでヘッダーとフッターは修正されたままですなぜこのように振る舞うのか、どうすればこの問題を克服できるのか教えてください。

Answer 1

これを使用して、私の側で作業し、同じシーケンスを使用してください

<script src='js/jquery-1.9.1.min.js' type="text/javascript"></script>
<script>
    $(document).on("mobileinit", function() {

        $.mobile.fixedtoolbar.prototype.options.tapToggle = false;
        $.mobile.fixedtoolbar.prototype.options.hideDuringFocus = "";

    });
</script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>

Answer 2

この厄介な Android の問題を解決する最も簡単な方法は、入力の focus および blur イベントを使用することです。

jQuery の場合:

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

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