jquery - 如何获取 jQuery 动画中的 X 和 Y 位置

Question

我熟悉通过鼠标位置获取 X 和 Y 坐标，但是，我使用 CSS 变换“平移” 和 “旋转” 函数来制作动画。当不使用鼠标事件时是否可以获得动画图像的 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)' );        
        }
    });

});

Answer 1

你可以使用offset()，这样对于Y你有:

logoVar.offset().top

然后对于 X，您使用:

logoVar.offset().left

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