当滚动内容超出固定背景时

时间:2013-10-17 02:04:30

标签: css

我觉得这应该是一个简单的答案,但无法弄清楚如何实现这种效果。

基本上我正在尝试这样做:http://demo.smooththemes.com/theone/

这个网站,当你开始滚动时,图像保持固定,内容滚动到顶部。有什么想法吗?

谢谢你的帮助。

1 个答案:

答案 0 :(得分:1)

示例 http://jsfiddle.net/gvMLS/

HTML

 <div id="header">
    </div>
    <div id="content">
        content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>content<br/>
    </div>

CSS

#header {
position: fixed;
top: 0;
height: 20px;
width: 100%;
background-color: #ff0000;
}
#content {
position: absolute;
top: 20px;
bottom: 20px;
width: 100%;
background-color:#fff;
overflow: auto;
}