以Stellar JS爲中心的CSS背景圖像

Question

我將Stellar JS的背景圖像設置爲一個元素，並嘗試實現以視差移動的居中圖像。然而，當我嘗試使用標準方法時，我意識到背景位置由恆星更新，然後覆蓋居中（我假設這是重寫它）。我創建了一個小提琴來解釋這種情況。

http://jsfiddle.net/captDaylight/wvuQm/1/

有什麼辦法有繼續上滾動中心的形象？

（堆棧是讓我陪這個帖子的代碼，雖然它在這種情況下不顯着，對小提琴的例子是非常簡單的，所以我張貼的東西繞過）

background: url(http://upload.wikimedia.org/wikipedia/commons/e/e5/Seine_wide.jpg) no-repeat center center; 
background-size: auto 100%; 

<> 我正在閱讀關於背景位置的其他stack post，但是當我嘗試進行更新時，它表明它似乎打破了視差。

http://jsfiddle.net/captDaylight/wvuQm/3/

Answer 1

你需要禁用水平視差。這會導致Stellar.js不改變你的水平背景定位。

在您的例子中，更新的呼叫恆星

$(window).stellar({ horizontalScrolling: false }); 

我已經更新了你的這種變化的jsfiddle例如：http://jsfiddle.net/wvuQm/5/

Answer 2

除去以下的CSS

邊距：50像素;

添加下面的腳本，並嘗試

$(window).stellar({ 
    scrollProperty: 'transform' 
});