javascript - 用JavaScript减少背景位置的CSS

我正在尝试通过更改background-position中图像的div来运行动画。我正在使用setTimeout调用该函数并连续减小图像位置（因此它看起来好像是动画的）。我已经测试了变量，并且setTimeout它们似乎工作正常。但是图像完全没有移动。

如何修改代码以使该动画运行？

var decrement = 0;

function runningRobot() {
var robotCont = document.getElementById('robotCont');

  if(decrement < -660) {
  decrement = 0;
}
 robotCont.style.backgroundPositon = decrement+ 'px' +' '+ 0 + 'px';
decrement -= 110;
timer = setTimeout(runningRobot,500);
}

runningRobot();

最佳答案

您拼错了backgroundPosition：

robotCont.style.backgroundPosition = decrement + 'px' + ' ' + 0 + 'px';

我也不知道您是否需要左位置设置。我认为默认值为0，由于它排在第二位，因此可以省略，对吧？

robotCont.style.backgroundPosition = decrement + 'px';