jQuery视差效果问题

Question

我的身体背景存在jQuery视差效果问题。 这是代码：

jQuery(document).ready(function($){
    window.onscroll = function() {
        var bh = $(document.body).height();
        var wh = $(window).height();
        var st = $(window).scrollTop();
        var p = wh / bh;
        var pp = (st * p);
        $('body').css({backgroundPosition: '50% -'+pp+'px'});
    }

});

这段代码很棒，但是在我添加带有徽标和导航菜单的标题后，它们关闭了背景的某些部分，因此现在看起来还不够好。 这里的链接也是http://layot.prestatrend.com/顺便说一下，我标题的高度是129px。 似乎我需要将背景位置设置为+ 129px，但无法弄清楚如何使其与javascript一起正常工作。 有什么帮助吗？

Answer 1

只需在这里添加：

var topPosition = pp + 129;
$('body').css({backgroundPosition: '50% -'+topPosition +'px'});

（要么）

 $('body').css({backgroundPosition: '50% -'+ (pp + 129) +'px'}); // the parentesis avoid concatenation also

这样，您将正确添加所需的偏移量。 不要在字符串连接中执行此操作，因为浏览器可能会在==> wich pp+129 = '99129'添加==> wich，从而引起类似以下情况：for pp=99 ==> pp+129 = '99129' 。