阿拉宁波网站优化之家-技术BLOG

阿拉网站优化工具之家致力于面向搜索引擎网站建设,SEO优化标准制定及免费搜索优化工具研发。 域名:seo.al0574.com

导航

让IE6支持fixed的简单方法

最近感觉很忙,又有点闲时间来更新博客。折腾着折腾着发现一个小问题:在主题制作或者修改中一些元素要设置 为随页面滚动的效果,通常的做法是加上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 标签。

posted on 2011-05-21 06:38  yaoshiyou  阅读(103)  评论(0编辑  收藏  举报