javascript - javascriptmootoolsはピクセル数「x」でスムーズにスクロールします

Question

javascript/mootoolsを使用して180px下にスムーズにスクロールしようとしています。

私は次のjsコードを持っています：

document.documentElement.scrollTop = document.documentElement.scrollTop + 180;

しかし、たとえば、これを500ミリ秒のコースで機能させて、スクロールをジャンプダウンするのではなくアニメーション化するにはどうすればよいでしょうか（現在はそうしています）。

乾杯、アディ

Answer 1

Fx.SmoothScrollを使用して行うことができます

var ss = new Fx.SmoothScroll({duration: 500 /* ms */}, window);

$('scroll').addEvent('click', function(){ ss.start(0, 180 /* Y offset of the window */); });

デモ： http： //jsfiddle.net/TmBkj/1/

編集：プラグイン（デフォルトではコアにない）を含めるか、より多くのバンドルを含めることを忘れないでください