使用视差效果jQuery设置原点背景位置

时间:2012-03-14 04:49:36

标签: jquery background-position parallax

我正在使用这个jQuery代码在滚动时产生视差效果:

$(window).scroll(function() {
    var x = $(window).scrollTop();
        $('#header').css('background-position', 'center ' + parseInt(-x / 1) + 'px');
});

问题是我的背景图像在开始时从我的窗口顶部是300px并且使用此代码我无法设置此原点位置以从顶部开始滚动背景300px,背景图像直接跳到顶部:0像素

还有一件事:

如果我到达特定位置,是否可以停止效果(例如:如果背景位置达到300px则停止移动)

有关它的任何想法?谢谢!

0 个答案:

没有答案