Mootools -fx.scrollは別のイベントが起動しても停止しません

Question

JavaScriptなので、Appologiesを開始する前にあまり理解していません。

Mootools 1.1を使用して、イベントをオンリックする要素にスクロールしました。ここで例としてFX.Scrollを使用しました http://demos111.mootools.net/fx.scroll そして、基本的にデモコードを取り除きました。

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

私は現在、Mootools 1.3を使用してギャラリーにフェードエフェクトを使用しようとしており、より多くのビルダーを使用してfx.scrollを取得しています。動作していますが、1つのリンクをクリックするとすぐに別のリンクをクリックすると、最初のスクロールで続きます。

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オプションオブジェクトの「リンク」プロパティを使用します。デフォルトは「無視」に設定されているため、元のアニメーションが実行され続けます。代わりに、現在のアニメーションの後に実行したい場合は「チェーン」を使用するか、現在実行中のアニメーションを中断したい場合は「キャンセル」します。

あるいは、より高速なアニメーションを使用します。2秒です 本当 長さ！ :)

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