Mootools - 別のイベントが発生したときにFX.Scrollが停止しない

Question

私はJavascriptをよく理解していないので、開始する前に気をつけてください。

私は正常にMootools 1.1を使ってclick onclickイベントの要素をスクロールしました。私はここで例としてFX.Scrollを使用しましたhttp://demos111.mootools.net/Fx.Scrollと基本的にデモコードをリッピング。

注：1つのリンクをクリックしてから別のリンクをすばやくクリックすると、すぐに最初の要素への移動が停止し、2番目の要素にスクロールします。

私は今Moodools 1.3を使ってギャラリーにfade efectsを使用しようとしており、More Builderを使用してFX.Scrollを取得しようとしています。それは動作していますが、あるリンクをクリックしてから別のリンクをクリックすると、最初のスクロールだけが続きます。

event.stopが機能していないようです。

http://www.mytimephotography.co.uk <が

を破ら http://www.mytimephotography.co.uk/test <を作品例を参照してください私は、コードを使用しています：

window.addEvent('domready', function() { 
    var scroll = new Fx.Scroll('scrollcontainer', { 
    wait: false, 
    duration: 2000, 
    offset: {'x': 0, 'y': 0}, 
    transition: Fx.Transitions.Quad.easeInOut 
    }) 
    $('link1').addEvent ('click', function(event){ 
    event = new Event(event).stop(); 
    scroll.toElement('c1'); 
    }) 
    //etc 
}) 

サイト上の他のソースコードを表示してください。

Answer 1

Fxオプションオブジェクトの "link"プロパティを使用します。デフォルトでは「無視」に設定されているため、元のアニメーションは継続して実行されます。代わりに、現在のアニメーションの後に実行する場合は「チェーン」を使用し、現在実行中のアニメーションを中断する場合は「キャンセル」を使用します。

代わりに、より速いアニメーションを使用してください.2秒はです。実際にはです。 :)

var scroll = new Fx.Scroll('scrollcontainer', { 
    wait: false, 
    duration: 2000, 
    offset: {'x': 0, 'y': 0}, 
    transition: Fx.Transitions.Quad.easeInOut, 
    link: 'cancel' 
});