iPad中的jQuery移动修复标题问题

Question

我正在使用jQueryMobile为iOS构建混合应用程序。我的页眉和页脚是通过应用程序修复的。所以最初我和data-position="fixed"一起去了。当表单元素获得焦点时，iPad键会弹出并推动整个页面对齐，以便可以看到聚焦的字段。

离开现场时，iPad键盘向下滑动。这会让我的标题潜入页面的中心。

我徒劳无功：

1. 删除data-position="fixed"包含了我的样式中的所有css（position：fixed; top：0;）。

2. 关于输入字段注入定位脚本的模糊

   $（ '输入'）。住（ '模糊'，函数（）{的setTimeout（函数（）{ $（ '＃头'）的CSS（ '位置'， '固定'）;}，150）;

3. 在模糊功能上插入了视图端口<meta>标记。

推荐修正：

iPad bottom:0px issue

https://github.com/jquery/jquery-mobile/issues/5532

邀请您提出宝贵的建议或解决方法..

Answer 1

在离开输入字段时将整个页面滚动2px解决了我的问题。但它会产生一点点闪烁效果。

$('input').live('blur',function(){
        setTimeout(function(){
            var pos = $('body').scrollTop();
            $('body').scrollTop(pos+'2');
        },10);
    });