/**
* 傳對象進來,第二個參數爲距離底邊的距離,能夠不傳,new一個出去執行this.move()就能夠了
* 好比 window.onscroll = function(){ a.move()}
* @param obj 對象必須傳遞
* @param bottom 選擇傳遞 對象距離瀏覽器下方的距離
*/
function rightSusBox(obj,bottom){
var timer = null;
this.bottom = 0;
if(arguments.length==2){
this.bottom = bottom;
}
this.move = function(){
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
var iTarget = scrollTop + document.documentElement.clientHeight - this.bottom - obj.offsetHeight;
clearInterval(timer);
timer = setInterval(function(){
var speed = (iTarget - obj.offsetTop)/6;
speed = speed>0?Math.ceil(speed):Math.floor(speed);
if(iTarget==obj.offsetTop){
clearInterval(timer);
}else{
obj.style.top = obj.offsetTop + speed + 'px';
}
},30);
};
this.move();
} 瀏覽器
在移動過程當中,對象會呈現緩衝運動效果 this