网页缓慢返回顶部按钮
以前给博客添加了一个返回顶部按钮,但是是突然定位到顶部,这次可以实现缓慢滚动到顶部的效果,js代码如下:
/*gototop aiboshuo.com */
var ab,timer;
document.getElementById("backtop").onclick=function GoTotop(){//backtop为返回顶部ID
timer=setInterval("runToTop()",5);//滚动到顶部时间可修改
}
function runToTop(){
ab=document.documentElement.scrollTop || document.body.scrollTop;
ab-=10;
if(ab>0)
{
window.scrollTo(0,ab);
}
else
{
window.scrollTo(0,0);
clearInterval(timer);
摘自:http://blog.csdn.net/cangkukuaimanle/article/details/8438301