滚动带内容的固定标题

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;然后在侧边栏容器上，而不是可滚动的容器。