Jquery backgroundPosition动画问题

Question

当用户按下某个键时，我正在使用Jquery为对象设置动画。

在Keyup上，对象停止移动，但我需要知道对象在停止时的背景位置。使用.stop（true）;

如果没有深入了解，我需要能够获得背景的位置。无论如何使用Javascript或jquery来获取这些数字？

Answer 1

如果要更改背景位置坐标，只需使用css方法停止动画，就可以获得元素的计算样式。

它将返回一对由空格分隔的像素值，例如“Xpx Ypx”，您可以拆分这些值并单独使用它们：

var position = $(selector).css('backgroundPosition').split(' '),// ["0px", "0px"]
x = position[0], y = position[1];

Answer 2

您应该能够识别具有背景图像的特定元素。然后你可以使用.offset - http://docs.jquery.com/CSS/offset - 获取元素相对于页面的左/上绝对位置。

Answer 3

你试过这个吗？

$('#yourOject').css('backgroundPosition')

它应该返回类似“nnpx yypx”的内容。

Answer 4

var position = $(selector).css('backgroundPosition').split(' '),// ["0px", "0px"]
x = position[0], y = position[1];

这几乎是完美的，我唯一改变的就是拆分（'px'），这样当你用它来进行其他计算时你就可以得到原始数字。