解决IE6下FIXED BUG。轻松定位。

最新推荐文章于 2022-02-28 19:46:26 发布

wangking717

最新推荐文章于 2022-02-28 19:46:26 发布

阅读量124

点赞数

分类专栏： WEB乱弹

本文链接：https://blog.csdn.net/wangking717/article/details/84320668

版权

WEB乱弹专栏收录该内容

24 篇文章 0 订阅

订阅专栏

代码非常简单。自己在本地测试一下。。

/* 兼容IE6的跟随滚动条定位 */
body { _background-image:url(about:blank);_background-attachment:fixed;}
.fixtop { position:fixed;top:0px;left:0px;width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));_left:expression(eval(document.documentElement.scrollLeft)); }
.fixbot { position:fixed;bottom:0px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); }
.fixleft { position:fixed;top:165px;left:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2));}
.fixright { z-index:9999;position:fixed;top:145px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop>300?document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2-30:2000));_left:expression(eval(document.documentElement.clientWidth<1080?Math.max(905,document.documentElement.clientWidth-55):(document.documentElement.clientWidth/2+490))); }
.fixrightdown { z-index:9999;position:fixed;bottom:0px;right:0px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); }

body处，是解决滚动的时候闪动问题。。。