android - 关闭 android 键盘后，Phonegap JQM 固定页眉和页脚移动/隐藏

Question

我创建了一个页面，其中使用了 4 个可折叠页面。问题是当我在模拟器或移动设备中运行应用程序并在关闭键盘后在文本字段中输入一些内容时，页眉和页脚隐藏了一段时间，有时它与页面一起滑动，在页面上点击后它再次出现。我正在使用 jQM1.3.1.js 文件。任何人都可以告诉我问题是什么以及我该如何解决。

如有任何建议，我们将不胜感激。

Answer 1

或者，您可以在页眉标记中使用以下内容来避免页眉和页脚在点击时切换。

data-tap-toggle="false"

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="o">

另外，如果您的页眉或页脚跳到某个不在页面顶部的位置。试试这个:

这被报告为一个 jQM 错误，但仍未修复。我正在使用 jQM 1.3.2 并且它仍然存在，当您向下滚动页面底部并单击文本字段或输入键盘时，一切正常，一旦元素失去焦点，标题就会跳转并修复本身不在页面顶部。

试试这个对我有用的解决方案，取自下面提到的线程。

// Workaround for buggy header/footer fixed position when virtual keyboard is on/off
$('input, textarea')
.on('focus', function (e) {
    $('header, footer').css('position', 'absolute');
})
.on('blur', function (e) {
    $('header, footer').css('position', 'fixed');
    //force page redraw to fix incorrectly positioned fixed elements
    setTimeout( function() {
        window.scrollTo( $.mobile.window.scrollLeft(), $.mobile.window.scrollTop() );
    }, 20 );
});

其他解决方案发布在这里。这是一个值得一看的线程: https://github.com/jquery/jquery-mobile/issues/5532