效果: 思路: 首先,載入onscroll控制捲軸。然後寫出緩存運動的方法,緩衝運動的方法是先計算出DIV緩衝的速度,並且將其取整,再進行運動判斷何時到達終點。最後將其參數傳回。再在onscroll裡面呼叫此方法,並且將終點計算出來賦予此方法的參數。 程式碼: 複製程式碼 程式碼如下: <BR> #div1< px;<BR> height: 200px;<BR> background: #0000FF;<BR> position: absolute;<BR> }<BR> <BR> window.onscroll = function () {<BR> var oDiv = document.getElementById('divdiv1' Div .documentElement.scrollTop || document.body.scrollTop; //取得移動高度<BR> // 中對上 +.o.p. (fidadum.f.D.com move(parseInt((document.documentElement.clientHeight - oDiv.offsetHeight) / 2 DivScroll )); //呼叫傳參,裡面的參數是DIV要走的終點。也就是(可視高度-DIV高度)/2 移動高度<BR> };<BR> <BR> var timer = null;<BR> function move(end) {<BR> 🎜> timer = setInterval(function () { <BR> var oDiv = document.getElementById('div1');<BR> //計算DIV要走的速度,DIV要走的速度就等於(終點-offsetTop高度)/縮放係數 speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); if (oDiv.offsetTop == end) { //當DIV到達終點,關閉setInterval;<P> 🎜> else {<BR> <BR> }<BR> } ><body style="height: 1000px;"><BR> <div id ="div1"><BR>