Я пытаюсь добиться эффекта прокрутки с помощью jQuery. У меня есть фоновый div, установленный на 100% размер окна браузера с скрытым переполнением. У этого есть большое фоновое изображение, которое приблизительно. 1500px x 2000px.
Эффект, который я хочу, - это когда пользователь прокручивает страницу, перемещаемую фоновым изображением, в процентах от прокрученного расстояния, поэтому для каждых 200 пикселей, прокручиваемых по странице, изображение перемещается на 10 пикселей в одном направлении.
Может ли кто-нибудь указать мне в правильном направлении? Возможно ли это?:) Большое спасибо заранее.
ОБНОВЛЕНИЕ
С тех пор я попробовал варианты предложения @Capt Otis, но я все еще борюсь с кодом, с которым я играю, следующим образом:
$(window).scroll(function(){
if($(this).scrollTop() > 200) {
$('#div').animate({'background-postion': '+=10px 0'}, 500);
}
});
Может ли кто-нибудь пролить свет на то, что я делаю неправильно?