代碼:<!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>?? ??? ?往下滾動(dòng)把?? ?</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>不知道為什么每次滾動(dòng)條滾動(dòng)的時(shí)候div就會(huì)閃爍。我想做一個(gè)滾動(dòng)到div的時(shí)候就固定在頂部位置,否則就回到原來的位置不動(dòng)
div固定在頂部的時(shí)候,滾動(dòng)滾動(dòng)條會(huì)閃爍
慕村1106498
2017-09-01 17:21:36