返回顶部按钮的疑问?

来源:2-6 实现返回顶部动画

慕的地7233660

2022-05-07 09:32:33

//返回顶部按钮监听
backtotop.onclick=function(){
    //设表先关
    clearInterval(timer);
    //设置定时器
 var timer=setInterval(function(){
    document.documentElement.scrollTop-=30
    if(document.documentElement.scrollTop<=0){
        //清除定时器
        clearInterval(timer)
    }
  },20)
}
问题描述:老师您好,这个功能中没有像素单位,计算机是怎么识别每20毫秒向上
移动30像素的?


写回答

1回答

好帮手慕星星

2022-05-07

同学你好,解答如下:

1、定时器中第二个参数代表的是毫秒,本身就没有单位

2、获取srcollTop值也没有单位

https://img.mukewang.com/climg/6275d3b3097974b503980052.jpg

文档中解释的是像素数,也就是px单位

https://img.mukewang.com/climg/6275d3f3090f85a007550166.jpg

所以不写单位没问题,浏览器可以识别。

祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程