我用JS寫了一個從左至右和從右至左的簡單減速動畫要求在滾動條滾動到一定位置的時候觸發(fā)動畫，在沒有綁定滾動事件的時候動畫是正常的，我用JQuery的滾動事件實時獲取滾動距離，調用JS函數，但是除了第一個還是原來的速度，剩下的突然就變快了是為什么？HTML代碼如下：<div class="bsection1 section1" id="sec1"> ? ?<div class="bsection1-img"> ? ?<img src="image/product/1.png" id="img1"/> ? ? ? ? ? ? ? ?//這個img是進行運動的模塊，進行了絕對定位 </div> ? ?<div class="bsection1-p"> ?<div class="bsection-p-p1">發(fā)現(xiàn)驚喜</div> ?<div class="bsection-p-p2">發(fā)現(xiàn)最熱門的說唱</div> </div> </div>JS代碼如下：$(window).scroll(function(){ ? ?if(juli()==0){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //juli()是之前寫的獲取滾動條距離頂部的高度，取得百分比乘100 movein(img1,1062); }else if(juli()>=10&&juli()<=27){ movein(img2,825); }else if(juli()>=38&&juli()<=58){ movein(img3,1062); }else if(juli()>=70&&juli()<=87){ movein(img4,825); } ? ? }).trigger('scroll') ? ?function movein(obj,iTarget){? ? ? ? var timer=setInterval(function(){? var speed=(iTarget-obj.offsetLeft)/10; ? ? ? ? ? ?speed=speed>0?Math.ceil(speed):Math.floor(speed); ? ? ? ?//if(obj.offsetLeft==iTarget){ ? ? ? ? ? ?? // ? clearInterval(timer); ? ? ? ?//}else{ ? ? ? ? ? obj.style.marginLeft=obj.offsetLeft+speed+'px';? ? ? ? ?//} ? ? ? ?},30) ? ? ? ? }運動的div感覺寫的也有點問題，進行動畫的div外面還有一個父盒子是個背景banner，用style.left改變邊距沒用，才用的style.marginLeft，判定條件也完全沒用，停下來靠的是減速到0自動停，那個target值是div初始left的負的值加上最終停留位置的左邊距，而不是預想中的最終停留位置的左邊距，但是還是可以實現(xiàn)運動，一共四張圖但是綁上JQuery后后三張速度就變了是為啥，按理說滾動距離跟left值扯不上關系??？