滾動帶內容的固定標題

Question

我有一個我無法解決的任務。

我有一個網頁內容，其中包含頭div，內容div和完整的圖像在後臺。頭div有一個固定的位置，我不能改變它。

問題是，我必須寫css，這將允許我滾動頭部的內容。這裏是link。

我想要的是滾動標題與內容，但保持標題分隔位置固定。

body { 
    background: #eee; 
    font-family: sans-serif; 
} 

div.sidebar { 
    padding: 10px; 
    padding-bottom: 60px; 
    border: 1px solid #ccc; 
    background: #fff; 
    top: 10px; 
    left: 10px; 
    bottom: 10px; 
    width: 580px; 
} 
div#fixed { 
    background: #76a7dc; 
    padding-bottom: 10px; 
    color: #fff; 
    position: fixed; 
    width: 580px; 
    height:50px; 
    z-index: 1; 
} 

Answer 1

因此，目前您已將其設置在標頭固定位置並且不會隨內容一起滾動。

如果我正在讀你寫的東西，這個頭文件已經有了位置的css屬性：fixed，你不能改變它，對吧？

要使其與內容一起滾動，您需要將overflow-y：scroll;然後在側邊欄容器上，而不是可滾動的容器。