1

我正在 Ipad 上测试我的应用程序,我面临的问题是我在我的表单上向下滚动并且我的顶部标题栏是fixed所以当我点击Textbox顶部标题栏隐藏和我的侧边栏时它也会向下导航fixed与 Header 一样也上升了。所以有没有解决这个问题的方法。我发现了很多文章,但其中大多数都是一种 hack 文章,对未来的前景不好,所以任何好的解决方案都会有很大的帮助。

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

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

}

4

5 回答 5

2

have u used position:relative ?

to use position:absolute you must have to keep pos. absolute div inside pos. relative div.

only then position relative and postion fixed works like:

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

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

于 2012-12-26T05:10:25.697 回答
1

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

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

于 2012-12-20T12:43:22.740 回答
1

我相信这position:fixed就是问题所在。这在移动网络中很奇怪。看看您是否可以使用position:absoluteandz-index来实现 UI。

搜索:“是位置:iOS 设备支持固定”将为您提供有关该主题的大量资源,如果您确实必须使用fixed

于 2012-12-20T15:25:56.740 回答
0

如果没有更多信息,很难给出答案。

您在页面上使用 JQuery 吗?如果是这样,您可以尝试添加 data-tap-toggle="false" 到标题 div。

同样在css中,您应该指定left:0;固定元素

于 2012-12-19T13:22:25.243 回答
0

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

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

需要 500 毫秒计时器,因为有时在触摸滚动时,滚动事件似乎无法触发。

<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>
于 2014-06-13T04:19:44.673 回答