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);
}
上一篇:CSS3+Js实现响应式导航条
栏 目:CSS/HTML
本文标题:ie6,ie7,ie8完美支持position:fixed的终极解决方案
本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/11516.html
您可能感兴趣的文章
阅读排行
本栏相关
- 04-02html5算法,html5协议
- 04-02html5图形,html5图形缩放
- 04-02html5登录模板,html5登录注册模板
- 04-02html5的例子,HTML示例
- 04-02html5的canvas,html5的canvas的作用
- 04-02关于html5播放视频代码的信息
- 04-02html5chm手册,html操作手册
- 04-02朋友圈html5,朋友圈发泄情绪的句子
- 04-02html5的新特性有哪些,HTML5的新特性有哪
- 04-02html5扫二维码,html5调用手机摄像头扫描
随机阅读
- 01-11Mac OSX 打开原生自带读写NTFS功能(图文
- 08-05DEDE织梦data目录下的sessions文件夹有什
- 01-10使用C语言求解扑克牌的顺子及n个骰子
- 01-10C#中split用法实例总结
- 08-05织梦dedecms什么时候用栏目交叉功能?
- 08-05dedecms(织梦)副栏目数量限制代码修改
- 04-02jquery与jsp,用jquery
- 01-11ajax实现页面的局部加载
- 01-10SublimeText编译C开发环境设置
- 01-10delphi制作wav文件的方法