当滚动的内容超过固定背景

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