1

体の背景の 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'});
    }

});

このコードは素晴らしいですが、ロゴとナビゲーションメニューを含む I ヘッダーを追加した後、背景の一部が閉じられたため、今では十分に見えません。ここにもリンクがありますhttp://layot.prestatrend.com/ちなみに私のヘッダーの高さは129pxです。background-position +129px を作成する必要があるようですが、javascript で適切に動作させる方法がわかりません。何か助けてください。

4

1 に答える 1

0

ここに追加するだけです：

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

（また）

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

このようにして、必要なオフセットを適切に追加します。pp=99ブラウザが== > を追加する可能性があるため、文字列連結内でこれを行わないでくださいpp+129 = '99129'。

于 2012-06-17T17:06:42.407 に答える