Как получить X и Y позиции в JQuery анимации

Question

Я знаком с получением X и Y координаты с позицией курсора мыши, однако, я анимировать с помощью CSS преобразования «перевести» и «ротация» функции. Можно ли получить X и Y положения анимационного изображения, когда вы не используете события мыши? Изображение движется вниз и вращается одновременно, я хотел бы видеть его положение X и Y, так как я хочу добавить функцию fadeout() в конкретную координату. Х-позиция здесь равна нулю, но я тоже ее изменю. Вот то, что я до сих пор

$(document).ready(function(){ 
    var logoVar = $('#logo'); 
    var rotateVar =0; 

    $({translateVar: 0, rotateVar: 0}).animate( 
    { 
     translateVar: 200, 
     rotateVar: 360 
    }, 
    { // animate method options below 
     duration: 5000, // 5 seconds for the entire animation 
     step: function(now, abc){ 

      if(abc.prop == 'translateVar') 
       translateVar = now; 
      else if(abc.prop =='rotateVar') 
       rotateVar =now; 

      logoVar.css('transform', 'translate(0px, ' + now + 'px) rotate(' + rotateVar + 'deg)');   
     } 
    }); 

}); 

Answer 1

Вы можете использовать offset(), такое, что для Y у вас есть:

logoVar.offset().top 

Тогда для X вы используете:

logoVar.offset().left 

И потому, что каждый любит Документация API в качестве источника: http://api.jquery.com/offset/