當滾動的內容超過固定背景

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