javascript返回顶部的按钮实现方法

本文实例介绍了javascript返回顶部的按钮实现方法，分享给大家供大家参考，具体内容如下

html:

rush:xhtml;">

css:

rush:css;"> #btn{position:fixed;display:none;}

script:

获取滚动条高度:document.documentElement.scrollTop || document.body.scrollTop

获取可视区高度:document.documentElement.clientHeight js代码

= clientHeight){ //显示按钮 obtn.style.display = 'block'; }else { //隐藏按钮 obtn.style.display = 'none'; } if (!isTop){ clearInterval(timer); } isTop = false; }; obtn.onclick = function(){ //设置定时器 timer = setInterval(function(){ //获取滚动条距离顶部的高度 var osTop = document.documentElement.scrollTop || document.body.scrollTop; var ispeed = Math.floor(-osTop / 6); document.documentElement.scrollTop = document.body.scrollTop = osTop +ispeed;

  isTop = true;
  if (osTop === 0){
    clearInterval(timer);
  }
},30);

};
};

希望本文所述对大家学习javascript程序设计有所帮助。