直接从新浪手机版拔下来的js返回顶部代码,每个3秒钟会自动消失,只要一滚动又会自动出现。至于css和html自己写了,这里只放出js代码,我爱模板网将它简单封装成函数,方便使用,代码主体是:
01 | function gotop(goTopId) { |
02 | var toTopEle = document.getElementById(goTopId), |
04 | window.addEventListener( 'scroll' , |
06 | if (document.body.scrollTop > window.innerHeight) { |
07 | toTopEle.style.display = 'block' ; |
09 | clearTimeout(removeTimer); |
11 | removeTimer = setTimeout( function () { |
12 | toTopEle.style.display = 'none' ; |
16 | toTopEle.style.display = 'none' ; |
19 | toTopEle.addEventListener( 'click' , |
21 | window.scrollTo(0, 0); |
调用代码为: