javascript mootools 平滑滚动 '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/

编辑:记住包含插件(默认情况下不在核心上)或包含更多 bundle