javascript - 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/

编辑：记得包含插件（默认情况下不在核心上）或包含更多包