首页 > 建站教程 > JS、jQ、TS >  新浪手机版返回顶部JS代码正文

新浪手机版返回顶部JS代码

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