1

このjQueryコードを使用して、スクロール時に視差効果を作成しています:

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

問題は、私の背景画像が開始時にウィンドウの上から 300px にあることです。このコードでは、この原点位置を設定して上から 300px で背景のスクロールを開始することはできません。背景画像は直接 top:0px にジャンプします。

そしてもう1つ:

特定の位置に到達すると効果を停止することは可能ですか (例: 背景位置が 300px に達した場合、動きを停止するだけです)

それについてのアイデアはありますか?ありがとう!

4

0 に答える 0