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

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

WBOY
發布: 2016-05-16 16:59:49
原創
1050 人瀏覽過

複製程式碼 代碼如下:

//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);
    }
}

    }}
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板