保持動畫背景，中心

我的目標是有一個橫跨整個瀏覽器窗口延伸，也不管用戶如何調整窗口仍然爲中心的形象吧。這很簡單，但我也希望是定期滾動到右側，在不斷循環，同時仍然保持「中心」的形象。保持動畫背景，中心

現在我想與背景圖像來實現這一點，因爲我可以使圖像一樣寬，我想不會產生滾動條。另外，內置的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

保持動畫背景，中心

回答

相關問題