标题在Ipad中弹出键盘后改变其位置：[fixed]

Question

我在Ipad上测试我的应用程序，我面临的问题是我向下滚动我的表单并且我的顶部标题栏已fixed因此当我点击Textbox然后顶部标题栏隐藏和我的侧边栏时滚动向下fixed和Header一样也是up.SO有什么解决方案可以解决这个问题。我发现很多文章，但大多数都是黑客文章，这对未来的未来都不利，所以任何好的解决方案都会很好救命。

.headbar{
 top:0;
 position:fixed;
 width:100%
}

.siderbar {
  top:50px;
  position:fixed;
  width:200px;
}

}

Answer 1

你用过的position:relative ？

使用position:absolute必须保持position:absolute 。 pos中的绝对div。 相对div。

只有位置相对和位置固定的工作如下：

.outerheader_div{
      position:relative;
    }
    .header_fixed{
      position:absolute;
    }

    .outersidebar_div{
      position:relative;
    }
    .sidebar_fixed{
      position:absolute;
    }

Answer 2

我很确定这取决于ipad如何以输入为中心。

当元素被修复时，它们会移动，因为它们固定在那个位置。 您应该发现整个页面移动尝试放入一些lorem ipsum并查看是否可以复制。

Answer 3

我相信这个position:fixed是问题所在。 它在移动网络中很古怪。 看看你是否可以使用position:absolute和z-index来实现UI。

搜索：“是位置：iOS设备支持固定”会给你很多关于这个主题的资源，如果你确实需要使用fixed

Answer 4

没有更多信息就很难给出答案。

你在页面上使用JQuery吗？ 如果是这样，您可以尝试将data-tap-toggle="false"到标题div。

同样在css中，你应该指定left:0; 对于固定元素

Answer 5

这适用于iOS6，但不幸的是不适用于iOS7： http ：//jsbin.com/wayurebu/1

该代码适用于固定标头，但不适用于固定页脚。 更改documentElement.className和将固定定位元素切换为visible的组合会强制渲染引擎重新计算固定视口，并重新定位所有固定元素。

需要500ms计时器，因为有时在触摸滚动时，滚动事件似乎失火。

<style>
#fix1, #fix2 { display: none; position: fixed; top: 0; left: 0; height: 1px; width: 1px; z-index: 2;}
.head1 #fix1, .head2 #fix2 { display: block; }
</style>
<div id=fix1></div>
<div id=fix2></div>
<script>
var toggleTimer;
var headerToggle = 0;
$(window).on('scroll', function() {
    function toggle() {
        var toggleit = !(headerToggle++ % 2);
        $(document.documentElement).toggleClass('head1', toggleit);
        $(document.documentElement).toggleClass('head2', !toggleit);
    }
    toggle();
    clearTimeout(toggleTimer);
    toggleTimer = setTimeout(toggle, 500);
});
</script>