我觉得这应该是一个简单的答案,但无法弄清楚如何实现这种效果。
基本上我正在尝试这样做:http://demo.smooththemes.com/theone/
这个网站,当你开始滚动时,图像保持固定,内容滚动到顶部。有什么想法吗?
谢谢你的帮助。
答案 0 :(得分:1)
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;
}