如何在滚动上动画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> 

其中数据-number表示当前的滚动位置。

动画可以用css transit来完成。