스텔라 JS 중심의 CSS 배경 이미지

Question

스텔라 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가 수평 배경 위치를 변경하지 않게됩니다. 나는이 변화하여 JSFiddle 예를 업데이트했습니다

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

당신의 예에서

, 업데이트 된 호출은 스텔라하기 : http://jsfiddle.net/wvuQm/5/

Answer 2

은 다음과 CSS를

마진 - 하단 제거 : 50 픽셀을;

는 다음 스크립트를 추가하고 당신은 수평 시차를 중지해야

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