javascript工具通过'平滑滚动；x'；像素数量

我正在尝试使用javascript/mootools平滑地向下滚动180px

我有以下js代码：

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

但举例来说，我怎样才能在500毫秒的时间内完成这项工作，从而使卷轴具有动画效果，而不是让它往下跳（目前是这样）

干杯， Adi

您可以使用

​演示：

编辑：记住要包括插件（默认情况下不包括在核心上）或包括您可以使用的更多捆绑包

​演示：

---

编辑：记住要包含插件（默认情况下不是在核心上）或包含更多始终从顶部工作的捆绑包

，但是如果我希望它向下滚动180像素，不管你在页面上的什么位置，该怎么办？假设您的小提琴中的滚动元素的css位置为：fixedally，假设我有var ss=new Fx.SmoothScroll（{duration:500/*ms/}，window）$（'scroll'）.addEvent（'click'，function（）{var foo=document.body.scrollTop；ss.start（foo，foo+180/Y窗口偏移量*/）；}）；你的（和我的一样）在向下滚动180度之前，似乎会跳到顶部几秒钟。知道为什么吗？也许只是JSFIDLE的问题，我还没有在基本的html页面上尝试过。是的，我也注意到了。。这可能是一个JSFIDLE问题，但也是一个mootools错误。。我将向核心开发人员报告：）明天我会让您知道它是如何运行的（无论是mootools还是fiddle问题），它总是从顶部开始工作，但是如果我希望它向下滚动180像素，不管您在页面上的什么位置呢？假设您的小提琴中的滚动元素的css位置为：fixedally，假设我有var ss=new Fx.SmoothScroll（{duration:500/*ms/}，window）$（'scroll'）.addEvent（'click'，function（）{var foo=document.body.scrollTop；ss.start（foo，foo+180/Y窗口偏移量*/）；}）；你的（和我的一样）在向下滚动180度之前，似乎会跳到顶部几秒钟。知道为什么吗？也许只是JSFIDLE的问题，我还没有在基本的html页面上尝试过。是的，我也注意到了。。这可能是一个JSFIDLE问题，但也是一个mootools错误。。我将向核心开发人员报告：）明天我会让您知道进展如何（无论是mootools还是fiddle问题）

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

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