解决html频繁闪动的问题,五行代码终极完美解决从 IE6 到 Chrome 所有浏览器的 position:fixed; 以及闪动问题...

leolai2012 年 7 月 24 日

我把代码写成这样有什么问题没有，请多多指教！

/* 除了 IE6 的主流浏览器通用的方法支持 position:fixed */

.fixed-t{position:fixed;bottom:auto;top:0px;}

.fixed-b{position:fixed;bottom:0px;top:auto;}

.fixed-l{position:fixed;right:auto;left:0px;}

.fixed-r{position:fixed;right:0px;left:auto;}

/*让 position:fixed 在 IE6 下可用! */

*html{background-image:url(about:blank);background-attachment:fixed;}/*阻止闪动，把空文件换成 about:blank，减少请求 */

*html .fixed-t{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}

*html .fixed-r{position:absolute;right:auto;left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth);}

*html .fixed-b{position:absolute;bottom:auto;top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight);}

*html .fixed-l{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}