ios - JQuery-mobile、Phonegap、iOS、离开输入表单后固定标题跳转

Question

我在 iOS 上使用 Phonegap 和 JQuery-mobile，Phonegap。我在离开表单输入时遇到标题跳到中间的问题。

我已经在固定页眉和页脚上设置了 data-hide-during-focus="true"。这个问题快要死了。

Answer 1

如果我们只有一个标题栏，那么我们可以只遵循主标题栏的代码。

    $(document).on('focus', 'select, input, textarea', function () {
        $('#main-headerbar').css({'position': 'absolute', 'top': '0px' });
    });
    $(document).on('blur', 'select, input, textarea', function () {
        $('#main-headerbar').css({ 'position': 'fixed' });
    });

如果我们有两个标题栏，第二个标题栏将显示在主标题栏下方(如果主标题栏的高度为“47px”，则为第二个标题栏设置顶部样式，顶部:47px)。

$(document).on('focus', 'select, input, textarea', function () {
    $('#main-headerbar').css({'position': 'absolute', 'top': '0px' });
    $('#Second-headerbar').css({ 'position': 'absolute', 'top' : '0px' });
});
$(document).on('blur', 'select, input, textarea', function () {
    $('#main-headerbar').css({ 'position': 'fixed' });
    $('#Second-headerbar').css({ 'position': 'fixed', 'top': '47px' });
});

或关注iOS fix for position fixed elements on input