このjQueryコードを使用して、スクロール時に視差効果を作成しています:
$(window).scroll(function() {
var x = $(window).scrollTop();
$('#header').css('background-position', 'center ' + parseInt(-x / 1) + 'px');
});
問題は、私の背景画像が開始時にウィンドウの上から 300px にあることです。このコードでは、この原点位置を設定して上から 300px で背景のスクロールを開始することはできません。背景画像は直接 top:0px にジャンプします。
そしてもう1つ:
特定の位置に到達すると効果を停止することは可能ですか (例: 背景位置が 300px に達した場合、動きを停止するだけです)
それについてのアイデアはありますか?ありがとう!