jquery - 如何在jQuery动画中获得X和Y位置

我熟悉如何使用鼠标位置获取X和Y坐标，但是我正在使用CSS转换“ translate”和“ rotate”功能进行动画处理。不使用鼠标事件时，是否可以获取动画图像的X和Y位置？图像正在向下移动并同时旋转，我想查看其X和Y位置，因为我想在特定坐标处添加fadeout（）函数。 X位置在这里为零，但我也将对其进行更改。这是我到目前为止的

$(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)' );
        }
    });

});

最佳答案

您可以使用offset()，这样对于Y您可以：

logoVar.offset().top

然后对于X使用：

logoVar.offset().left

并且因为每个人都喜欢API文档作为源：http://api.jquery.com/offset/