jQuery铺浮动层上下滚动固定效果IE问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>固定窗口</title>
<script type="text/javascript" src="../../jquery-1.7.2.min.js"></script>
<script type="text/javascript">
(function($){
$(function(){
var signal = true;
var box = $(".boxLeft","#main"), boxClone;
var boxScrollTop = box.offset().top;
var boxScrollLeft = box.offset().left;
$(window).bind("scroll",function(){
if( $(window).scrollTop() >= boxScrollTop){
if (signal) {
(boxClone = box.clone()).appendTo("body").end().css({
position:"fixed",
top : 0,
left: boxScrollLeft,
"z-index" : 9999
});
signal = false;
}
} else{
if (!signal){
boxClone.remove();
signal = true;
}
}
});
});
})(jQuery);
</script>
<style type="text/css">
body{padding:0;margin:0}
.clear{clear:both;}
#wrap{width:1000px;margin:0 auto;position:relative;}
#header{height:90px;background:#268c24;}
#main{height:2000px;}
.boxLeft{float:left;height:300px;width:150px;text-align:center;background:red;}
#main .box{float:left;width:700px;text-align:center;}
#main .boxRight{float:left;height:300px;width:150px;text-align:center;background:red;}
#footer{height:90px;background:#268c24;}
</style>
</head>
<body>
<div id="wrap">
<div id="header">头部</div>
<div id="main">
<div class="boxLeft">左侧</div>
<div class="box">中间</div>
<div class="boxRight">右侧</div>
<div class="clear"></div>
</div>
<div id="footer">底部</div>
</div>
</body>
</html>
火狐下正常但在IE中不能正常运行
