【发布时间】：2015-02-10 23:12:49
【问题描述】：
我有一个可以在五个页面宽度上水平滚动的网站。当页面水平滚动时，我希望标题保持固定在同一位置。在 Safari 中，标题与 css 规则“位置：固定”保持一致。然而，在 Firefox、Chrome 和 IE 中，标题会随着页面滚动。有没有比将标题从每个页面的包装器中拉出更简单的方法？代码很复杂，所以我想避免把它拉到外面。
<div id="page1">
<div class="header"></div>
</div>
<div id="page2">
<div class="header"></div>
</div>
<div id="page3">
<div class="header"></div>
</div>
.header {
width:100%;
height:110px;
background-color: rgba(43, 77, 105, .6);
z-index: 10;
position: fixed;
top:0;
}
【问题讨论】：
-
你试过放 left:0 吗？可能有用
-
用这个小提琴在 Firefox 上为我工作 jsfiddle.net/oc8ywqg3
-
@PravinVaichal 做到了。把它作为答案，我会给你信用。
-
不要使用宽度，而是尝试使用：
left: 0; right: 0;（猜测）。 -
@TheHawk，如果您有这样的固定标题，那么您只需要一个而不是每个页面一个（并且您可能希望将其移出页面 div）