解決IE6中固定定位問題(代碼)

 /**
    * 傳對象進來,第二個參數爲距離底邊的距離,能夠不傳,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

相關文章
相關標籤/搜索