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