Javaｓｃｒｉｐｔ返回顶层的按钮实现方法

本文介绍了javaｓｃｒｉｐｔ的按钮实现方法，并将其分享给大家参考。详情如下

Html：






Css：


# BTN {位置：固定；显示：无；}



脚本:

得到滚动高度：document.documentelement.scrolltop | | document.body.scrolltop

得到的视觉区域的高度：document.documentelement.clientheight

JS代码




在window.onload =函数（）{
VaR的OBTN = document.getelementbyid（'btn）；
获取页面可见区域高度
自己的document.documentelement.clientheight var =；
var定时器= null；
VaR ISTOP =真；
window.onscroll =函数（）{
无功ostop = document.documentelement.scrolltop document.body.scrolltop | |；
如果（ostop =自己）{
显示按钮
obtn.style.display =阻止；
{ }人
隐藏按钮
obtn.style.display =不关；
}
如果（！IsTop）{
ClearInterval（定时器）；
}
有一天我不= false；
}；
obtn.onclick =函数（）{
设置计时器
定时器= setInterval（）{（）函数（
获取距离/高度顶部的滚动条。
无功ostop = document.documentelement.scrolltop document.body.scrolltop | |；
VaR迈跃= math.floor（- ostop / 6）；
document.documentelement.scrolltop = document.body.scrolltop = ostop +迈跃；

有一天我不=真；
如果（ostop = 0）{
ClearInterval（定时器）；
}
}，30）；
}；
}；


希望本文能帮助您学习Javaｓｃｒｉｐｔ程序设计。