鼠標滾動帶間效果[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的]

回答

相關問題