CSS標頭固定位置

Question

我有一個橫向滾動五頁寬度的網站。 我希望頁面在頁面水平滾動時保持固定在相同位置。 在Safari中，標題符合css規則“position：fixed”。 但是，在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

您可以嘗試為.header類添加left:0屬性來解決問題

快樂編碼:)