div固定在顶部的时候，滚动滚动条会闪烁

代码：

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title></title>
       <script src="jq.js"></script>
</head>
<style type="text/css">
   .wrap{margin: 0 auto;border: 1px solid #ccc;width: 1000px;height: 500px;margin-top: 500px;margin-bottom: 1000px;}
   .left{width: 100px;height: 200px;margin: 5em;border: 1px solid #ccc;}
</style>
<body>
<div>
   <div>
       往下滚动把
   </div>
</div>

<script type="text/javascript">
   $(document).ready(function(){

       $(window).scroll(function(){

           if(parseInt($(".wrap .left").offset().top)+parseInt($(".wrap .left").css('height'))/3 < $(window).scrollTop())
           {
               //获取div距离
               var left = $(".wrap .left").offset().left;
               $(".wrap .left").css({position:"fixed",'left':left-$(".wrap .left").css('width'),top:0});

           }else{
               $(".wrap .left").css({position:"relative"});

           }

           // if(parseInt($(".wrap .left").offset().top)+parseInt($(".wrap .left").css('height')) > $(window).scrollTop()){
           //    $(".left").css({position:"relative"});
           // }
       });

   });
</script>
</body>
</html>

不知道为什么每次滚动条滚动的时候div就会闪烁。

我想做一个滚动到div的时候就固定在顶部位置，否则就回到原来的位置不动

慕村1106498

浏览 3519回答 1

div固定在顶部的时候，滚动滚动条会闪烁

1回答