滚动带内容的固定标题

时间:2013-06-12 18:30:19

标签: html css

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

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

关键是,我必须编写css,这将允许我向内滚动标题。这是link

我想要的是滚动标题内容,但保持标题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;
}

1 个答案:

答案 0 :(得分:0)

所以目前你已经设置了标题固定的位置,而不是滚动内容。

如果我正在阅读您正确编写的内容,此标题已经具有position:fixed的css属性,您无法更改,对吧?

要使其与内容一起滚动,您可以将overflow-y:scroll;然后在侧边栏容器上而不是.scrollable容器。