Mootools - FX.Scroll non si fermeranno quando un altro evento viene generato

Question

Non ho una buona comprensione di Javascript in modo scusato prima di iniziare.

Ho usato con successo Mootools 1.1 per scorrere gli elementi onclick eventi. Ho usato FX.Scroll come l'esempio qui http://demos111.mootools.net/Fx.Scroll e fondamentalmente strappato il codice demo.

. Nota: Se si fa clic su un link e poi un altro rapidamente si ferma immediatamente lo spostamento al primo elemento e scorre al secondo

Ora sto cercando di utilizzare Mootools 1.3 per utilizzare i efects dissolvenza per una galleria e ha usato più Builder per ottenere FX.Scroll. Si sta lavorando ma quando clicco su un link e poi un'altra subito, semplicemente continua con il primo rotolo.

Sembra che event.stop non funziona.

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

Sto usando il codice:

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

Si prega di visualizzare qualsiasi altro codice sorgente sul sito.

Answer 1

Usa il "link" proprietà dell'oggetto opzioni FX. Il valore di default è impostato su "ignora", che è il motivo per cui l'animazione originale continua a funzionare. Invece, l'uso "catena" se si desidera che venga eseguito dopo l'animazione corrente, o "Annulla" se si desidera interrompere l'animazione attualmente in esecuzione.

In alternativa, utilizzare un più veloce di animazione-due secondi è davvero a lungo! :)

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