首頁  >  文章  >  web前端  >  javascript 回到頂部效果的實作程式碼_javascript技巧

javascript 回到頂部效果的實作程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 16:59:491027瀏覽

複製程式碼 代碼如下:

//speed 滾動速度time 時間間隔

    speed = speed || 0.1;
    time = time || 16;

    // 捲動條到頁上方的水平距離
    var x = document.body.scrollLeft;

    // 捲動條到頁上方的垂直距離
    var y = document.body.scrollTop;

    // 滾動距離= 目前距離/ 速度, 因為距離原來越小, 速度是大於1 的數, 所以滾動距離會越來越小
    speed ;
    window.scrollTo(Math.floor(Math.floor(Math.floor x / speed), Math.floor(y / speed));

    // 若距離不為零, 繼續呼叫迭代本函數
    if(x > 0 || y > 0) {

        window.setTimeout("gotoTop(" speed ", " time ")", time);
    }
}

    }}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn