Mootools - FX.Scroll wird nicht aufhören, wenn ein anderes Ereignis ausgelöst wird,

Question

Ich habe nicht ein sehr gutes Verständnis von Javascript so appologies habe, bevor wir beginnen.

Ich habe erfolgreich Mootools 1.1 zu blättern und Elemente Onclick Veranstaltungen genutzt. Ich benutzte FX.Scroll wie das Beispiel hier http://demos111.mootools.net/Fx.Scroll und basicly der Demo-Code abgezockt.

. Hinweis: Wenn Sie auf einen Link klicken und dann schnell eine andere sofort stoppt auf das erste Element und blättert in die zweite Bewegungs

Ich versuche jetzt Mootools 1.3 zu verwenden, um die Blend efects für eine Galerie zu verwenden und haben mehr Builder verwendet FX.Scroll zu erhalten. Es funktioniert, aber wenn ich auf einen Link klicken und dann eine andere sofort, es geht nur mit der ersten Spirale.

Es scheint, dass event.stop nicht funktioniert.

Siehe Beispiel http://www.mytimephotography.co.uk http://www.mytimephotography.co.uk/test

Ich verwende Code:

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
})

Sehen Sie bitte andere Quellcode auf der Website.

Answer 1

Mit der „link“ Eigenschaft des FX-Optionen-Objekts. Die Standardeinstellung ist auf „ignorieren“, weshalb die ursprüngliche Animation am Laufen hält. Verwenden Sie stattdessen „Kette“, wenn Sie es wünschen, nachdem die aktuelle Animation laufen, oder „Abbrechen“, wenn Sie es die aktuell laufende Animation unterbrochen werden sollen.

Alternativ können Sie eine schnellere Animation-2 Sekunden ist wirklich lang! :)

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