如何在滾動上動畫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來完成。