保持动画背景，中心

我的目标是有一个横跨整个浏览器窗口延伸，也不管用户如何调整窗口仍然为中心的形象吧。这很简单，但我也希望是定期滚动到右侧，在不断循环，同时仍然保持“中心”的形象。保持动画背景，中心

现在我想与背景图像来实现这一点，因为我可以使图像一样宽，我想不会产生滚动条。另外，内置的css水平重复功能是实现“循环”效果的一种简单方法。

我用下面的jQuery代码动画的背景图像：

function scrollingIMG() { 
     $('#my_div').delay(5000).animate(
      {backgroundPosition:'+=200px 0'}, 
      500, 
      'linear', 
      function() { scrollingIMG(); 
     }); 
    };

不幸的是，第二此代码触发的背景不再为中心，同步不再移动与网站内容的其余部分当浏览器窗口被调整时。我失去了一个简单的CSS/jQuery的命令，将保持与其余内容同步和backgroundImage，而它仍然向右移？

来源

2011-06-17 Caleb Welty

使用中心而不是0：

BackgroundPosition:'+=200 center'

这应该做的伎俩

来源

2011-06-17 13:01:00 Alex

您还可以使用：

'background-position-y': '50%'

来源

2012-03-27 15:53:50

保持动画背景，中心

回答

相关问题