iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 28
0
自我挑戰組

JavaScript基礎30天系列 第 28

JS AJAX基礎實作(3) DAY28

今天要來做gotop按鈕啦
我們先來看一下程式碼

function gotoTop() {
    if (window.scrollY != 0) {
        setTimeout(function () {
            window.scrollTo(0, window.scrollY - 40);
            gotoTop();
        }, 15);
    }
}

這裡利用setTimeout 並每次往上移動40px
有關setTimeout的資訊
可以參考 w3schools
https://www.w3schools.com/jsref/met_win_settimeout.asp

附上今天的CodePen
CodePen:https://codepen.io/wemyferb/pen/KKMKZym
若有任何問題 或 內容有誤
可以回覆我唷!!
那今天的介紹就到此結束啦
明天將會優化 gotop按鈕
敬請期待/images/emoticon/emoticon07.gif


上一篇
JS AJAX基礎實作(2) DAY27
下一篇
JS AJAX基礎實作(4) DAY29
系列文
JavaScript基礎30天30

尚未有邦友留言

立即登入留言