首页前端开发CSSie6,ie7,ie8完美支持position:fixed的终极解决方案

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

时间2024-02-09 08:12:03发布访客分类CSS浏览1090
导读:收集整理的这篇文章主要介绍了ie6,ie7,ie8完美支持position:fixed的终极解决方案,觉得挺不错的,现在分享给大家,也给大家做个参考。 ie6对posITion:fixe...
收集整理的这篇文章主要介绍了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);
}

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: ie6,ie7,ie8完美支持position:fixed的终极解决方案
本文地址: https://pptw.com/jishu/606664.html
CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera 小技巧处理div内容溢出

游客 回复需填写必要信息