Javaｓｃｒｉｐｔ实现回到顶层效果

Javaｓｃｒｉｐｔ实现回到顶层效果
HTML：
CSS：

# BTN1 {位置：固定；底：10px；右：10px；}
JS：

窗口。指针函数（）{
VaR的OBTN = document.getelementbyid（-）；
var定时器= null；
声明一个变量，查看系统或用户是否滚动。
VAR说=真；
窗口。onscroll =函数（）{
如果（！SBys）{
ClearInterval（定时器）；
}
说= false；
}
OBtn。onclick =函数（）{
定时器= setInterval（）{（）函数（
让 / / scrollTop
VaR scrollTop =文档。文档元素}。scrollTop | | document.body.scrolltop；
在单击顶部的按钮时计算缓冲区的速度。
VaR迈跃= math.floor（- scrollTop / 8）；
如果（scrollTop = = 0）{
ClearInterval（定时器）
}
说=真；
文档。文档元素}。scrollTop =文件。身体。scrollTop = scrollTop +迈跃；
}，30）
}
}
知识点：

1。计算速度（下舍入缓冲器）

2。当scrollTop = = 0需要清除定时器

三.它需要由用户或js操作滚动条来判断，如果是用户操作，定时器清零。

以上是本文的全部内容，希望大家能喜欢。

tag：效果电脑软件Javascript

相关内容