Как реализовать анимацию при прокрутке

[sabano]

Привет
Подскажите как реализовать такую штуку

Нужно воспроизвести анимацию при прокрутке

у div задан длинный спрайт

я хочу, чтобы менялось положение фона этого div при прокрутке страницы

у меня получилось плохо
фон прокручивается мгновенно
а нужно плавно

function y600(){
	y600.y += 600;
	return y600.y;
}
y600.y = 600;

$(window).scroll(function() {

	var x = $(this).scrollTop();

	if ($(window).scrollTop() > 2260) {
		$("#sprite").css('background-position', '0% ' + y600() + 'px');
	}

});

[Tek]

чёт у вас какой то бред написан:
1)нужно знать две величины высоту страницы (px) и высоту спрайта (px) - зная это мы можем узнать на сколько пикселей двигать спрайт при изменении .scrollTop()
2) функция y600() прибавляет каждый раз 600 пикселей т.е если вы подвинете скролл на 1 пиксель то спрайт сдвинется на 600 px - это явно неправильно.

[sabano]

хм,
в событии scroll отмерять пройденное расстояние и с нужным промежутком менять позицию фона блока, так?
Я не знаю как реализовать эти промежутки

Если не сложно помогите.
К примеру пусть при одной прокрутке background по y увеличивается на 50px
Вот тут заготовка
http://jsfiddle.net/vYteS/

[sabano]

тут лучше http://jsfiddle.net/vYteS/1/