上山打老虎 发表于 2021-6-27 21:15:33

ie6,ie7,ie8完美支持position:fixed的终极解决方案

  ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。
  复制代码 代码如下:
<div id="goTop_div" class="fixed ie"></div>

  css:
  复制代码 代码如下:
.fixed{
      position:fixed; /*对于火狐等其他浏览器需要设置的*/
      top:700px;/*同上*/
      width:30px;
      height:30px;
      cursor:pointer;
      display:none;
}
.ie{   
       _position: absolute;
       _clear: both;   
       _top:expression(eval(document.compatMode &amp;&amp;   
               document.compatMode=='CSS1Compat') ?   
               documentElement.scrollTop   
               +(documentElement.clientHeight-this.clientHeight) - 1   
               : document.body.scrollTop   
               +(document.body.clientHeight-this.clientHeight) - 1);
}


页: [1]
查看完整版本: ie6,ie7,ie8完美支持position:fixed的终极解决方案