スクロールCSSの背景画像

Question

私はこのために 'scrollTop'に従って移動するために私のコンテナbgを移動する助けを探しています、私はこの機能を書いたが、動作しません。いずれも私を助けます。私はスムーズなやり方でバックグラウンド画像を動かすことに決めました。

$(window).scroll(function(){ 
var moveSize = $(window).scrollTop(); 
$('#container.takeover1').animate({ 
    backgroundPosition: "0px "+ parseInt(-moveSize)+'px', 
    easing: 'swing' 
    }, 3000); 

}); 

いずれかを教えてください。前もって感謝します。

Answer 1

あなただけのウィンドウをスクロールするには、なぜ単に `使用しないときに、ページ上の静的な背景を維持しようとしている場合は、負の垂直postiion、たとえば

backgroundPosition: 0 -100px

Answer 2

$('.bg').scroll(function(){ 
var x = $(this).scrollTop(); 
$(this).css('background-position','0% '+parseInt(-x/10)+'px'); 
}); 

FIDDLE DEMO