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


<<:  <Day30>动手做 Demo App(下)

>>:  Day28. 抽象工厂模式

Day7 Map and Struct

What is Map? Map即是一种利用Key-Value方式来对应的资料格式,有点类似於Pyt...

Day 4 资料单向绑定

今天会来介绍 v-text与 v-html,在这之前会提到Mustache一下子 Mustache ...

Day 27: 架构的声音、整洁的架构 (待改进中... )

「你的应用程序架构尖叫了什麽呢? 当查看最高层目录结构和 package 中的原始码档案时,他们是...

生成模式 - abstract factory

首先从生成模式开始,第一种生成模式是 abstract factory (抽象工厂) 抽象工厂的目的...

[Day 18] 重构我们的测试程序码

随着我们专案功能的增加,虽然目前只有两个函数,但是我们的测试函数已经增加了不少。 为了减少我们未来阅...