博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE6下position:fixed不支持问题及其解决方式
阅读量:6507 次
发布时间:2019-06-24

本文共 938 字,大约阅读时间需要 3 分钟。

IE6有诸多奇葩,不支持position:fixed就是当中之中的一个。所以在做一些比方固定在顶部或者底部或者固定元素的效果时须要考虑兼容IE6的这个问题。解决方式是用Ie6的hack。

*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));}
这里还须要解决的是“抖动”的问题,由于当你滚动滚动栏的时候expression下的样式一直在又一次计算而且运行css,会产生延迟的抖动。而在使用固定背景之后,在滚动的时候先运行了css,再又一次计算网页,所以不会产生抖动的现象。
以下是固定究竟部的代码。须要细致看一下:

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
PS:在网上看到expression的诸多弊病,也是雅虎34条里面竭力避免使用css表达式的一个重要原因,摘引一段话:表达式的问题就在于它的计算频率要比我们想象的多。不不过在页面显示和缩放时。就是在页面滚动、乃至移动鼠标时都会要又一次计算一次。

给CSS表达式添加一个计数器能够跟踪表达式的计算频率。

在页面中随便移动鼠标都能够轻松达到10000次以上的计算量。

由此可见一斑。

转载地址:http://zvwfo.baihongyu.com/

你可能感兴趣的文章
【转】NGUI研究院之自适应屏幕(十)
查看>>
原生js获取、设置、删除属性
查看>>
linux磁盘检测和修复
查看>>
Oracle数据库的文件及表空间数据块的知识简介
查看>>
iOS 错误 之 Potential leak of an object stored into 'cs'
查看>>
iOS 界面 之 EALayout 无需反复编译,可视化实时界面,告别Storyboard AutoLayout Xib等等烦人的工具...
查看>>
Voilin 之 握弓
查看>>
beanshell获取响应结果数据
查看>>
对于java.lang.NoSuchMethodError: antlr.collections.AST.getLine()I错误解决
查看>>
推断好的股票,如果大盘震荡,非个股震荡,一定要坚持,不要怕的鉴定住,肯定有机会涨上去...
查看>>
poj1284(欧拉函数+原根)
查看>>
数组1
查看>>
Mac 系统安装robot framework
查看>>
mysql 在大型应用中的架构演变
查看>>
多个html编辑器在同一页面加载
查看>>
CCF201409-4 最优配餐(100分)
查看>>
POJ1006 UVA756 UVALive5421 Biorhythms【中国剩余定理】
查看>>
软件测试必须要知道十个关键点
查看>>
一些常用的正则表达式
查看>>
三条命令解决Git 如何删除远程服务器文件同时保留本地文件
查看>>