代码：<!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的时候就固定在顶部位置，否则就回到原来的位置不动
添加回答
举报
0/150
提交
取消