現在、（を使用して）背景を中央background-position: 50% 50%;に配置しており、Javascriptを使用してアニメーション化したいと考えています。しかし、ピクセル測定を使用してこれをアニメーション化できるようにしたいと思います。事実上、background-positionを「50％+10px」のように設定したいと思います。これはJavascriptを使用して可能ですか？
背景画像の高さとブラウザ画面の高さを見つけて計算することでできるかもしれませんが、これは複雑な解決策のようです。
calc将来的には、CSS3 の機能を使用してこれが可能になる予定です。しかし、それは現在広くサポートされていないため、以下はより実用的な解決策です。
これらのプロパティに対してjQuery がサポートするインクリメンタル表記を使用するだけです。例えば
$(some-element).css({ "background-position": "+=10px" });
この構文は、$.css でサポートされる前に $.animate でサポートされていましたが、最近のバージョンの jQuery では両方のケースでサポートされています。