今天要來做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按鈕
敬請期待
iThome鐵人賽
看影片追技術