页眉和页脚在手机间隙android中键盘弹出时改变了它们的位置

时间:2013-08-03 07:26:35

标签: jquery-mobile header sticky-footer cordova-2.0.0

我创建了一个页面,其中包含折叠视图和输入文本。它工作正常的问题是页眉和页脚保持固定,直到输入文本被点击和键盘弹出一旦键盘弹出标题与字段一起滑动并隐藏但是一旦键盘隐藏页眉和页脚到达其原始位置可以任何一个告诉我为什么它的表现如此,我怎样才能克服这个问题。

2 个答案:

答案 0 :(得分:0)

使用此工作在我身边,请使用相同的序列

<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>

答案 1 :(得分:0)

解决此问题的最简单方法是使用输入焦点和模糊事件。

在jQuery中:

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

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