欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

ie6下不兼容,求高手看这句js怎么改

更新时间: 2014-01-05 00:56:41 责任编辑: Author_N1

 

ie6下不兼容,求高手看这句js如何改?
这代码在ie6下无效了。。请问如何弄才可以兼容?
就是下拉到一定距离,div会固定在浏览器顶部的。在ie6下失效。

<script type="text/javascript" src="jquery.min.js"></script>
<style>
.auto_fixed_top{width:300px;} 
.fixed_top{position:fixed;_position:absolute;top:0;z-index:900;}
</style>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
<div class="auto_fixed_top">

浮动固定浮动固定浮动固定浮动固定浮动固定浮动固定浮动固定

</div>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>

内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>



<script type="text/javascript" >
$(function(){
if ($('.auto_fixed_top').size() > 0){
  $(window).scroll(function(){
     var scrollTop = parseInt($(document).scrollTop());
     if (scrollTop > 165){
        $('.auto_fixed_top').addClass('fixed_top');
     }else{
        $('.auto_fixed_top').removeClass('fixed_top');
     }
  });
}  
}); 

</script>
--参考方法--
这样
.auto_fixed_top{width:300px;} 
.fixed_top{position:fixed;top:0;z-index:900;}


* html,* html body{background-image:url(about:blank);background-attachment:fixed} 
*html   .fixed_top{!important;position:absolute;
left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));} 

<script type="text/javascript" >
$(function(){
if ($('.auto_fixed_top').size() > 0){
  $(window).scroll(function(){
     var scrollTop = parseInt($(document).scrollTop());
     if (scrollTop > 165){
        $('.auto_fixed_top').addClass('fixed_top');
     }else{
        $('.auto_fixed_top').removeClass('fixed_top');
     }
  });
}  
}); 

</script>

--参考方法--
因为IE6不支持position:fixed;样式,所以加上了这个class也不能固定的。所以需要用JS在触发scroll事件的时候计算确切的离页面顶部的值,然后更新scrolltop的值。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:56:41
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1667/
本文WWW.DOC100.NET DOC100.NET版权所有。