jquery - JquerybackgroundPositionアニメーションの質問

Question

ユーザーがキーを押している間、Jqueryを使用してオブジェクトをアニメーション化しています。

キーアップするとオブジェクトの移動が停止しますが、オブジェクトが停止したときのオブジェクトの背景位置を知る必要があります。.stop（true）;を使用する

あまり深く掘り下げることなく、背景の位置を把握できる必要があります。とにかくそれらの番号を取得するためのJavascriptまたはjqueryはありますか？

Answer 1

背景位置の座標を変更する場合は、メソッドを使用するだけでアニメーションを停止した瞬間に、要素の計算されたスタイルcssを取得できます。

「XpxYpx」のように、スペースで区切られたピクセル値のペアが返されます。その値を分割して、別々に使用できます。

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')

「nnpxyypx」のようなものを返すはずです。

Answer 4

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

これはほぼ完璧でした。私が変更したのはsplit（'px'）だけで、他の計算に使用するときに生の数値を取得できるようになりました。