css - スクロールコンテンツが固定背景をはみ出した場合

Question

これは簡単な答えだと思いますが、この効果を達成する方法がわかりません。

基本的に私はこれをやろうとしています: http://demo.smooththemes.com/theone/

このサイトの 1 つでは、スクロールを開始すると、画像は固定されたままになり、コンテンツが上にスクロールします。何か案は？

助けてくれてありがとう。

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