主页 > 知识库 > ie6,ie7,ie8完美支持position:fixed的终极解决方案

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   
               document.compatMode=='CSS1Compat') ?  
               documentElement.scrollTop  
               +(documentElement.clientHeight-this.clientHeight) - 1  
               : document.body.scrollTop  
               +(document.body.clientHeight-this.clientHeight) - 1);
}

您可能感兴趣的文章:
  • JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
  • js完美解决IE6不支持position:fixed的bug
  • javascript ie6兼容position:fixed实现思路
  • IE6支持position:fixed完美解决方法
  • 详解IE6中的position:fixed问题与随滚动条滚动的效果

标签:沈阳 新疆 河南 沧州 上海 乐山 红河 长治

巨人网络通讯声明:本文标题《ie6,ie7,ie8完美支持position:fixed的终极解决方案》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266