网页中位置固定块
想在页面中固定一个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;}
是因为没有这句话,滚动的时候,固定块会闪动。
参考文章: