动画窗口滚动

Question

您好我使用以下方法以编程方式滚动Web文档:

window.scrollBy(0, delta)

scrollBy的当前实现只是将文档跳转到新位置.有没有办法动画这个？我特意使用webkit,jQuery(或任何其他javascript框架)不是一个选项.

在此先感谢您的帮助.

Answer 1

您可以通过调用间隔来为其设置动画:

setInterval(function() {
    window.scrollBy(0, 5);
}, 13);

这当然会一遍又一遍地做,所以你需要进行条件检查,何时取消间隔.看起来像:

var timerID = setInterval(function() {
    window.scrollBy(0, 5);

    if( window.pageYOffset >= 500 )
        clearInterval(timerID);
}, 13);