ユーザーがページの特定のポイントに到達したときに小さなアニメーションを実行しようとしています:
ユーザーが 1000px までスクロールすると (たとえば)、ユーザーのスクロールに応じて移動する必要がある「雲」という div があります。
ユーザーが下にスクロールすると雲は左に移動し、上にスクロールすると雲は右に移動します。
このコードを試してみましたが、残念ながら機能しません (問題は、div が開始時の位置を保持しないことです)。
$(window).bind('scroll',function(e){
parallaxScroll();
});
function parallaxScroll(){
var scrolled = $(window).scrollTop();
$('#cloud_left').css('left', parseInt(-scrolled / 5) + 'px');
}
どんな助けでも大歓迎です！ありがとう！