让IE6浏览器支持fixed的方法

来源:网络时间:2011-08-08 16:04:18

    在主题制作或者修改中一些元素要设置 为随页面滚动的效果,通常的做法是加上fixed属性,或者干脆用js实现这个功能。

 

  不过对于懒得去后台更新js文件的同学来说,这不是个好办法,或者对于还未引入js的同学,这更不是好办法。但是不用的话在IE6下会无效,这个经典到目前访问量的半数以上的浏览器版本是直接无视fixed的(当然还有其他若干问题,所以希望更新或扔掉该浏览器)。

 

  关于这个问题的解决办法,我之前的做法一直是用_position:absolute来暂时修订,当然这么做产生的效果和想象中的差距很大。最近发 现一个方法来修正IE6的fixed效果,如下:

 

  _top:expression(documentElement.scrollTop + 数值 + "px")

 

  也是一个简单的hack,对于不想引入JS又迫切希望使用fixed属性的人来说,确实是个好办法。

 

  More:

 

  Q:有时候好像使用document.body.scrollTop来获取滚动条滚动的长度,结果滚动后得到的也是0,为什么改用 document.documentElement.scrollTop就可以了?

 

  A:可以查看一下源代码,如果没有

 

  <!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

  这一句那么可以用document.body.scrollTop,否则只能用 document.documentElement.scrollTop。

 

  原因:在标准w3c下,document.body.scrollTop恒为0,需要用 document.documentElement.scrollTop来代替;document.documentElement.scrollTop 中documentElement 对应的是 html 标签;document.body.scrollTop 中 body 对应的是 body 标签。

文章内容来源于网络,不代表本站立场,若侵犯到您的权益,可联系我们删除。(本站为非盈利性质网站) 联系邮箱:9145908@qq.com
近期热点
1正常步态的跨步长度为() 2正确理解财政监督概念应该把握的要点包括() 3正确的组织价值标准是() 4正确的现代学生观为() 5正确训练偏瘫患者穿、脱衣服的方法是() 6正确的师生关系是() 7比如由“黑”想到“白”,由“水”想到“火”,由自私想到宽容,由燥热想到清凉。许多冰箱广告、饮料广告、洗涤用品、化妆品广告都是采用对比联想展开创意。例如,MCI长途电话服务公司做过这样一幅广告:一对夫妇刚到美国电话电报公司,给千里之外的儿子打完电话,母亲双手一摊,眼泪汪汪地问:“你知道我们打这个长途电话花了多少钱吗?”这则广告告诉了我们什么 8比如由“黑”想到“白”,由“水”想到“火”,由自私想到宽容,由燥热想到清凉。许多冰箱广告、饮料广告、洗涤用品、化妆品广告都是采用对比联想展开创意。例如,MCI长途电话服务公司做过这样一幅广告:一对夫妇刚到美国电话电报公司,给千里之外的儿子打完电话,母亲双手一摊,眼泪汪汪地问:“你知道我们打这个长途电话花了多少钱吗?”这则广告告诉了我们什么() 9比尔·本巴赫所创立的DDB广告公司以其众多杰出的反传统广告而著称于世,下列选项属于其经典作品的是() 10比如,设计一句广告口号,构筑一条企业理念,命名一种新产品是头脑激荡法的哪一步骤()