Mootools Fx.Scroll(), дающий неправильный/задержанный div.getScroll()

Question

Я делаю FX.Scroll() с Mootools 1.3.2 и делая console.log() непосредственно после команды Fx.Scroll.

Вопрос: Почему div.getScroll() не получает значение «after-Fx.Scroll()»? но вместо значения до Fx.Scroll()?

(jsfiddle example here)

Answer 1

это событие на основе программирования. Fx.Scroll - это экземпляр Fx, когда любая анимация/анимация завершена, он запустит событие oncomplete. вы в настоящее время выводете во время клика, а не после того, как выполняется анимация. поскольку это не переход CSS3, свойство не получает set str далеко, а затем интерполируется потоком css ui - он фактически перемещает его по принципу «точка за точкой» в setTimeout (поэтому отключен от текущей области выполнения/потока).

http://jsfiddle.net/2WuSw/1/

scrollEff = new Fx.Scroll(spinAreaDiv, { 
    wait: false, 
    duration: 1000, 
    offset: { 
     'x': 0, 
      'y': 0 
    }, 
    transition: Fx.Transitions.Quad.easeInOut, 
    onComplete: function(){ 
     console.log(this.element.getScroll().x); 
    } 
}); 

, как вы можете видеть выше, я пропускание OnComplete обработчика события.

вы также можете опоздать позже.

// or use `complete:once` 
scrollEff.addEvent('complete', function(){ 
    console.log(this.element.getScroll().x); 
});