3

ここで、backgroundPositionjquery1.5.0にアニメーションがないことは既知のバグであることがわかります。まだ修正されていませんか？

jquery 1.4.4でアニメーション化したこのjsfiddleを参照してから、これを見て、jquery1.7.1でも機能しないことを確認してください。backgroundPosition

彼らがこれを修正しようとしているときのアイデアはありますか？

Chromeコンソールに次のような警告が表示されたので気になります。

event.layerXとevent.layerYは壊れており、WebKitでは非推奨になっています。近い将来、エンジンから削除される予定です。

アニメーション機能にjquery1.4.4を引き続き使用するのではないかと心配していますが、Chromeは次のアップデートで機能をプルします。

アップデート

受け入れられた答え、background-position-xとyを使用するという考えはFirefoxでは機能しません。今のところ、より良い解決策が見つかるまで、1.4.4に戻らなければなりません。

4

2 に答える 2

4

次のようにbackground-position-x、個別に指定する必要があります。-y

$('div').animate({
  'background-position-x': '-6000px', 'background-position-y': '-200px' }, 4000);

実例。（jQuery 1.7.1）

ちなみに、あなたbackground-position-yは変更されていないので、その余分な行を省略して、を変更するだけ-xです。

于 2011-12-29T03:15:24.010 に答える
1

私はここで同じ問題を抱えていました：「煙のパフ」効果javascriptスプライトアニメーション

1.4.4より上のjQueryの新しいバージョンでは、視覚の持続性に依存して実際にはぎくしゃくしているスプライトアニメーションを壊すという犠牲を払って、スムーズな背景スクロール効果を有効にしているようです。アニメーション機能はこれを目的としたものではなかったと思いますが、当時は機能していました（TM）。

背景位置のスプライトアニメーションを作成するために、setTimeoutを使用して関数を作成しました

http://jsfiddle.net/Y7Ek4/22/

それはより低レベルですが、それほど多くのコードではありません。

于 2012-04-16T16:03:08.883 に答える