点击按钮回到顶部小例子

[小斑马在沙巴找BUG]

// 添加点击事件
oBtn.addEventListener('click',function(){
var timer=null;
timer=setInterval(function(){
var scrollTop=document.body.scrollTop;
var speed=scrollTop/5;
document.body.scrollTop=scrollTop-speed;//为什么要用document.body.scrollTop？
if(scrollTop==0)
{
clearInterval(timer);
}
},100);
},false);
}
不能直接scrollTop=scrollTop-speed;吗？

[小斑马在沙巴找BUG]

有没有简单的写法呢？

[囧]

var timer = setInterval(function() {
        document.body.scrollTop -= document.body.scrollTop / 5;
        if (document.body.scrollTop == 0) {
            clearInterval(timer);
        }
    }, 100);

[forwardNow]

通过给 document.body的scrollTop属性赋值，来改变滚动条的位置啊， 给局部变量 scrollTop 赋值，是不能改变滚动条的位置的。

[Stavin Li]

$('sidebar a').on('click', function () { var top = $(document).scrollTop(); var timer = setInterval(function () { $(document).scrollTop(top -= 100); if ($(document).scrollTop() <= 0) { clearInterval(timer); } }, 1); });