网页中位置固定块

想在页面中固定一个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;}

是因为没有这句话,滚动的时候,固定块会闪动。


参考文章:

解决 IE6 position:fixed 固定定位问题





原文地址:https://www.cnblogs.com/leftfist/p/4258080.html