javascript或mootools的方式来动画scrollTop像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
};

fiddle

Answer 2

因为你在mootools中要求一个版本，它只是一行：

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

http://jsfiddle.net/ye3vX/

注意：它需要mootools更多的是Fx.Scroll。