滾動CSS背景圖像

我正在尋找一個幫助來移動我的容器bg根據'scrollTop'爲此，我寫這個函數，但不工作。任何人都可以幫助我。我決定用平滑的方式移動我的backgronud圖像。滾動CSS背景圖像

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

});

任何一個幫助我嗎？提前致謝。

來源

2011-06-27 3gwebtrain

如果你只是想保持背景的靜態頁面上時，窗口滾動，爲什麼不使用' background-attachment：fixed'在你的CSS？ –

嘗試使用負垂直postiion如

backgroundPosition: 0 -100px

來源

2011-06-27 09:20:20

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

FIDDLE DEMO

來源

2013-08-19 11:59:11

滾動CSS背景圖像

回答

相關問題