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

Question

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

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

一个这个站点，当您开始滚动图像时，图像保持固定，内容滚动到顶部。有任何想法吗？

谢谢你的帮助。

Answer 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;
}