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。