我该怎么做才能不让我的header
%与页面的睡觉一起滚动呢?我想过利用frame-sets
和iframes
,只是想知道是否有一种更简单、更用户友好的方式,做这件事的最佳实践是什么?
我该怎么做才能不让我的header
%与页面的睡觉一起滚动呢?我想过利用frame-sets
和iframes
,只是想知道是否有一种更简单、更用户友好的方式,做这件事的最佳实践是什么?
注:此答案的日期为2010年.考虑一下2021年的position: sticky
,就像在another answer中提到的那样.
在包含标题的div
上使用position: fixed
,如下所示
#header {
position: fixed;
}
#content {
margin-top: 100px;
}
在本例中,当#content
在#header
以下以http://reference.sitepoint.com/css/positionpx的速度启动时,但当用户滚动时,#header
保持在原位.当然,不用说,你会想确保#header
有一个背景,这样当两个div
重叠时,它的内容实际上是可见的.看看这里的position
房产:http://reference.sitepoint.com/css/position