滚动条是body的滚动，固定元素是相对body定位，那么把它设置窗口那么高，不就一直是在窗口那个位置了？
| 代码如下 |
复制代码 |
|
html { _overflow: hidden; }
body { _height: 100%; _overflow: auto; }
.box {
position: fixed;
left: 10px;
top: 180px;
_position: absolute;
}
|
自家用法介绍
| 代码如下 |
复制代码 |
|
html,html body {background-image:url(about:blank);background-attachment:fixed;}/* 修正IE6不支持position:fixed的bug */
.bottoms{ width:100%; bottombottom:0; position:fixed;_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)));
}
|
推荐淘宝网用的方法
| 代码如下 |
复制代码 |
|
*html {/* 只有IE6支持 */
background-image: url(about:blank); /* 使用空背景 */
background-attachment: fixed; /* 固定背景 */
}
#box {
/* 非IE6浏览器使用固定元素 */
position: fixed;
top: 0;
left: 0;
/* IE6改为绝对定位，并通过css表达式根据滚动位置更改top的值 */
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
}
|
