CSS标题固定位置

Question

我有一个横向滚动五个页面宽度的网站。我希望页面在页面水平滚动时保持固定在相同位置。在Safari中，标题符合css规则，＆＃34; position：fixed＆＃34;。但是，在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;
}

Answer 1

您可以尝试为left:0类添加.header属性来解决问题

快乐编码：）