我熟悉通过鼠标位置获取 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)' );
}
});
});
最佳答案
你可以使用offset()
,这样对于Y你有:
logoVar.offset().top
然后对于 X,您使用:
logoVar.offset().left
因为每个人都喜欢 API 文档作为来源: http://api.jquery.com/offset/
关于jquery - 如何获取 jQuery 动画中的 X 和 Y 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30105303/