鼠标滚动带间效果[Mootools的]

我试图做这样的鼠标滚动效果： http://www.s5-style.com/#!/works（ClientWorks）鼠标滚动带间效果[Mootools的]

但我的问题是，mootools的没有一个良好的班吐温为做到这一点。然后，我有这样的： 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); 
});

如何我可以使用类吐温为做s5-style.com的影响？

来源

2012-09-03 EnZo

但我的问题是，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

来源

2012-09-04 12:07:26

Fx.Tween没有一个onfinish事件或的onupdate。这是非常有限的。我改变了Quad.easeIn的转换。但是不能正常工作，鼠标的响应有点延迟。 – EnZo

它具有'onComplete'，'onStart'等事件，因为它继承自Fx –

鼠标滚动带间效果[Mootools的]

回答

相关问题