想在页面中固定一个DIV,不随页面滚动,怎样做呢?
CSS
顶部:
- _html{background-image:url(about:blank);background-attachment:fixed;}
- #top{
- position:fixed;
- _position:absolute;
- top:0;
- _bottom:auto;
- _top:expression(eval(document.documentElement.scrollTop));
- }
底部:
- _html{background-image:url(about:blank);background-attachment:fixed;}
- #bottom{
- position:fixed;
- _position:absolute;
- bottom:0;
- _bottom:auto;
- _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
- }
有下划线(_)的是 CSS HACK,专门给IE6准备的。之所以要加上
_html{background-image:url(about:blank);background-attachment:fixed;}
是因为没有这句话,滚动的时候,固定块会闪动。
参考文章: