jQuery - バックグラウンドイメージを無限に上に移動 - jquery、move

私は簡単なカーレースゲームを作ろうとしています、そして、私は無限に背景画像を下に動かしたいです。現在道路の背景画像があります。

<script>
jQuery(document).ready(function($) {
var animate = $("body");
function loopbackground() {
animate.css("background-position", "0px 0px");
$({position_x: 0, position_y: 0}).animate({ position_y: -2500}, {
duration: 12000,
easing: "linear",
step: function() {
animate.css("background-position", this.position_x+"px "+this.position_y+"px");
},
complete: function() {
loopbackground();
}
});
}
loopbackground();
});
</script>

しかし、イメージは上がっていて下がることはありません。

回答：

まず、jsfiddleでjQueryを有効にする必要があります。 CSS属性をアニメートすることができるので、偽のものを定義しましょう。あなたがシームレスな背景を作り、正確な寸法を設定したならば、それは無限のローリングになるでしょう。

var body = $("body");
function loopbackground() {
body.css("background-position", "0 0");
body.css("y_pos", 0);
body.animate({"y_pos": -2500}, {
duration: 12000,
easing: "linear",
step: function(now, obj) {
var element = $(obj.elem);
element.css("background-position", "0px " + now + "px");
},

complete: function() {
loopbackground();
}
});
}
loopbackground();