Question

我正在寻找一个帮助，根据'scrollTop'移动我的容器bg为此，我写了这个函数，但不行。任何人帮助我。我决定以平滑的方式移动我的backgronud图像。

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

});

任何人帮助我？提前谢谢。

Answer 1

尝试使用负垂直位置，例如

backgroundPosition: 0 -100px

Answer 2

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

FIDDLE DEMO

滚动css背景图像

2 个答案: