Как анимировать div на свитке?

Question

Привет, я могу изменить и переключить атрибуты div в прокрутке, но когда я использую анимацию, это не сработает, но будет странно.

следующие работы:

$(document).scroll(function() { 
$("#register").css({left: $(this).scrollLeft() > 1348? "-140px":"0px"}); 
}); 

Но это не будет работать:

$(document).scroll(function() { 
$("#register").animate({left: $(this).scrollLeft() > 1348? "-140px":"0px"}); 
}); 

Я хочу ДИВ, чтобы уйти, когда я прокручиваю больше, чем 1348, и если свиток меньше 1348, div должен появиться снова.

Простые css работают, но анимация не работает.

Answer 1

Я бы рекомендовал использовать skrollr.js

https://github.com/Prinzhorn/skrollr

типичное использование столь же просто, как:

<div data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div> 

где данные номер представляет собой текущую позицию прокрутки.

анимация можно использовать используя css транзит.