让IE6支持fixed的捷径

本文和大家重点讨论一下让IE6支持fixed的简单方法，在主题制作或者修改中一些元素要设置为随页面滚动的效果，通常的做法是加上fixed属性，或者干脆用js实现这个功能。

凌源网站建设公司成都创新互联,凌源网站设计制作，有大型网站制作公司丰富经验。已为凌源成百上千提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的凌源做网站的公司定做！

让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：可以查看一下源代码，如果没有

 
 
 

  
  
  
<！DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//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标签。

新闻标题：让IE6支持fixed的捷径
链接地址：http://www.shufengxianlan.com/qtweb/news17/69367.html

成都网站建设公司_创新互联，为您提供网站建设、动态网站、网站制作、域名注册、搜索引擎优化、App开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联