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'），這樣你可以在你使用它進行其他計算時獲得原始數字。