ie6模拟fixed不抖动的方法

最新推荐文章于 2019-07-03 14:21:00 发布

trarck2

最新推荐文章于 2019-07-03 14:21:00 发布

阅读量108

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： CSS HTML

本文链接：https://blog.youkuaiyun.com/trarck2/article/details/83637990

css 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何在IE6浏览器中使用CSS表达式和监听滚动事件来实现position属性的fixed效果，并防止元素在快速滚动时出现闪烁现象。包括通过设置html或body的背景图片作为fixed元素的背景来解决闪烁问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于ie6下position没有fixed，只有改变top和left来实现。
方法一：css的expression
.fixed{
position:absolute;
left:expression(documentElement.scrollLeft+documentElement.clientWidth-this.offsetWidth);
top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
}
方法二：监听scroll事件（不能用attachEvent，其它二种都行）
document.documentElement.onscroll=function(){
fixedA.style.left=de.scrollLeft+de.clientWidth-fixedA.offsetWidth+"px";
fixedA.style.top=de.scrollTop+de.clientHeight-fixedA.offsetHeight+"px";
}
仅仅如些还不够，我们要fixed的元素为闪动。
我们要给html或body设置background: url(*) fixed;
即可解决闪动。
实际用下来监听scroll事件没有expression效果好。快速拖动滚动条还是有点卡。
注：如果没有设置DOCTYPE则documentElement要用body代替。