mootools - 具有补间效果的鼠标滚动 [Mootools]

Question

我正在尝试做这样的鼠标滚动效果： http ://www.s5-style.com/#!/works (ClientWorks)

但我的问题是，mootools 没有一个很好的 Tween 类来做到这一点。然后，我有这个：http: //jsfiddle.net/FU9Hp/

$('content').addEvent('mousemove', function(event)
{
        var padding = this.getPosition();
        var size =  this.getSize();
        var scrollpos =  this.getScroll();
        var scrollsize =  this.getScrollSize();
        var mouseX = (event.client.x-padding.x);

        var percent = Math.round(mouseX*100/(size.x));
        var scrollWidth = (scrollsize.x-size.x);


        this.scrollTo(Math.round(percent*scrollWidth/100), 0);  
});

我如何使用 Tween 类来实现 s5-style.com 的效果？

Answer 1

但我的问题是，mootools 没有一个很好的 Tween 类来做到这一点。然后，我有这个：

呃。mootools 有一个很棒的补间。它还有 Fx.Scroll 和 Fx.SmoothScroll 将补间绑定到滚动。

这是一个具有弹性过渡的滚动示例：http: //jsfiddle.net/dimitar/FU9Hp/3/

见http://mootools.net/docs/more/Fx/Fx.Scroll和http://mootools.net/docs/more/Fx/Fx.SmoothScroll