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

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

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