html - 滚动带有内容的固定标题

Question

我有一个我无法解决的任务。

我有一个网页内容，其中包含标题 div、内容 div 和背景中的完整图像。标题 div 有一个固定的位置，我不能改变它。

关键是，我必须编写 css，这将允许我向上滚动标题和内容。这是链接。

我想要的是用内容滚动标题，但保持标题 div 位置固定。

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

因此，目前您已将其设置在标题固定且不随内容滚动的位置。

如果我正在阅读您正确编写的内容，则此标头已经具有 position: fixed 的 css 属性，您无法更改它，对吗？

要使其随内容滚动，您可以放置​​ overflow-y: scroll; 然后在侧边栏容器上而不是 .scrollable 容器上。