javascript - javascript 或 mootools 动画滚动顶部的方法，如 jQuery

Question

这相当于什么：

$('html, body').animate({
    scrollTop: 200
}, 400); 

在 MooTools 或不可知论的 javascript 中？

我在兜圈子……

干杯

Answer 1

此循环可以在基本 javascript 中为窗口的 scrollTop 属性设置动画：

window.onload = function() {
    var offset = 0; //vertical offset
    var interval = setInterval(function() {
        window.scrollTo(0, offset);
        offset += 4; // plus 4 pixels
        if (offset >= 200) {
            clearInterval(interval);
        }
    }, 8); //  200px/4px==50 cycles ; 400ms/50cycles == 8ms per cycle
};

小提琴

Answer 2

因为您要求在 mootools 中提供一个版本，所以只有一行：

new Fx.Scroll(window).start(0, 200);​

http://jsfiddle.net/ye3vX/

注意：需要mootools more的Fx.Scroll。