Animasyon başlamadan önce animasyonu güncelle

Question

Aşağıdaki animasyonu jquery animate kullanarak bir eleman üzerinde yapıyorum. Animasyon başlamadan önce mesafe değeri değişir, böylece animasyon özellik değerini güncellemek istiyorum. Bunu nasıl yapabilirim? Gösterildiği gibi start geri arama işlevini kullandım, ancak animasyonu güncelleştirmiyor.

el.delay(delay).animate({ 
    top: -distance 
},{ 
    duration:700, 
    start:function(e){ 
     e.props.top = -($(e.elem).offset().top - $(".navigation").offset().top); 
} 
}) 

Answer 1

Animasyon roikliğinin anında nasıl güncelleneceği konusunda bir cevap bulabildim. start, animasyon başladığında tetiklendiği bir geri aramadır, ancak props nesnesine yapılan değişiklikler animasyona yansıtılmaz! Bunun için step geri arama idealdir ve her animasyon adımında fx nesnesini değiştirelim. Anladığım çözüm aşağıdadır. İlk adım ateşlendiğinde

el.delay(delay).animate({ 
    top: -distance + 'px' 
},{ 
    duration:700, 
    step:function(now,fx){ 
     if(now == 0){ 
      fx.end = -($(fx.elem).offset().top - $(".navigation").offset().top); 
     } 
    } 
}) 

Ben prop değerini değiştirmek ve ondan sonra ben diğer adımları görmezden. Bana yardım eden herkese teşekkür ederim! :)