使元素固定在浏览器的顶部：

使元素固定在浏览器的顶部：


复制代码
代码如下:


#top {
_position: absolute;
_bottom: auto;
_top: expression(eval(document.documentElement.scrollTop));
}


使元素固定在浏览器的底部：


复制代码
代码如下:


#bottom {
_position: absolute;
_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)));
} 


这两段代码只能实现在最底部跟最顶部，你可以使用 _margin修改其中的数值控制元素的位置。


　　看到这里，你一定以为已经完事了。NO！还有bug：被固定定位的元素在滚动滚动条的时候会出现一闪一闪的情况。解决这个问题的办法是在 CSS 文件中加入：


复制代码
代码如下:


* html{
background-image:url(about:blank);
background-attachment:fixed;
}


或者：


复制代码
代码如下:


body {
_background-attachment:fixed;
_background-image:url(about:blank);
}


　　当然，也可以用吧javascript方法解决，不过有点大材小用：


复制代码
代码如下:


window.onresize = window.onscroll = function(){
//code
};