更快的滚动事件？ - 滚动后背景"跳跃"

Question

我有一个小问题.我正在尝试做像nikebetterworld.com这样的视差背景.在我的第一次尝试中,我得到了一些有效的东西,但它可以更好地工作.滚动时,背景位置会发生变化.问题是它在滚动后几毫秒改变,所以我可以看到滚动后背景如何"跳跃".

码:

var $w = $(window);
function move($c) {
    var scroll = $w.scrollTop();
    var diff = $c.offset().top - scroll;
    var pos = '50% ' + (-diff)*0.5 + 'px';
    $c.css({'backgroundPosition':pos});
}
$w.bind('scroll', function(e){
    move(some_container);
});

有什么建议？谢谢.

编辑

看看这个例子:http://jsfiddle.net/MZGHq/ (向下滚动,直到看到背景图片)

Answer 1

如果您必须使其平滑，关键是使用固定背景。请参阅http://jsfiddle.net/MZGHq/7/

参考：

此页面似乎很好地解释了垂直视差效果的工作原理：http://www.webdesignshock.com/one-page-website/

另外看看这个（他们不使用固定背景...注意它看起来像你的一样有点跳动）： http://www.franckmaurin.com/the-parallax-effects-with-jquery/