博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
完美解决IE6中fixed抖动问题的方法
阅读量:6564 次
发布时间:2019-06-24

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

hot3.png

我们可以通过position:fixed来实现元素的固定效果,如网页中底部的"回到顶部菜单",底部的toolbar,对联广告等等,可惜fixed属性在IE6及以下是不支持的。通常的作法,我们用JS或者IE表达式来达到这个效果。

如:

.fixed{
position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); }

可惜,又遇到一个问题,页面滚动的时候,会出现抖动现象.

如果解决呢?

无意中发现我们momo社区的左侧导航栏在IE6下页面滚动时候居然不抖动,看了下CSS,和上面的表达式没有任何区别呀。。。

于是对HTML和CSS进行最简化删除,最终发现,原来是body属性中设置了背景图片刚好解决了这个抖动的问题!

body中设置了一个样式:

body{
background: url(body.jpg) fixed; }

上网搜了下,居然已经有人这样通过这个办法解决,顺便还找到了另一个解决方法,总结如下:

方法1

.fixed{
position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));} html{
_text-overflow:ellipsis; }

方法2

.fixed{
position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); } html {
_background: url(xx.jpg) fixed; /* 文件不存在亦可以,随便命名 */ }

 

转载于:https://my.oschina.net/u/1260221/blog/421881

你可能感兴趣的文章
NVisionXR_iOS教程一 —— NVisionXR从零搭建一个AR项目
查看>>
oracle 12c ins-30131 执行安装程序验证所需的初始设置失败
查看>>
SNAT与DNAT
查看>>
BGP十三条规则
查看>>
Linux 修改密码“ Authentication token manipulation err”
查看>>
openstack
查看>>
【顶】(与同事合作的快乐)技术人员也需要先学会做人,再学会做事,再是能成事,最后是成名得利...
查看>>
Lync Server 2013 安装体验(一)
查看>>
Hadoop2.6.0学习笔记(五)自定义InputFormat和RecordReader
查看>>
EBB-24、DNS2
查看>>
监控web是否正常
查看>>
zabbix监控交换机
查看>>
css3做的nav
查看>>
汇编笔记
查看>>
在线枚举内核模块函数及地址(win64位)
查看>>
deploy nginx using saltstack
查看>>
rsync实现文件传输
查看>>
控件联动(三级联动)
查看>>
shell编程学习
查看>>
点击qq、点击邮箱01
查看>>