jquery - 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];

这几乎是完美的，我唯一改变的是 split('px') 以便您在将其用于其他计算时能够获得原始数字。