css - jQuery mobile 修复了 iPad 中的标题问题

Question

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

离开场地时，iPad 键盘向下滑动。这让我的标题跳到了页面的中心。

我徒劳的尝试：

1. 删除data-position="fixed"包括我的样式中的所有 css（位置：固定；顶部：0；）。

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

   $('input').live('blur',function(){setTimeout(function(){ $('#header').css('position','fixed');},150);

3. 在模糊功能上插入视口<meta>标签。

参考修复：

iPad底部：0px问题

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);
    });