滾動效果

Question

我正在嘗試做這樣的事情。

http://www.mini.jp/event_campaign/big-point/

我無法弄清楚是如何使基於滾動時的滾動擊中特定位置的動畫發生。我有類似的內容塊，我只想根據滾動以及當滾動時該塊在瀏覽器視圖區域中的部分進行動畫處理。

我明白使用滾動事件來獲得scrollTop位置我更關心其他所有工作。

$(window).bind('scroll',function(e){ 
    var scrolledY = $(window).scrollTop(); 
}); 

任何人都可以幫助解釋一些這方面。

感謝

Answer 1

就像什麼MiniGod在評論說，看在源代碼（animate.js），你可以看到，他們已經記錄了所有的「場景」和所有其他的東西像alpha和pos爲一切。

// scene 1 
{ 
    scene:"#scene1", 
    name:".car", 
    runStatus:[ 
     {p:10,pos:true,x:275,y:240,alpha:true,opacity:1,scale:true,orgSize:[475,270],scaleSize:1}, 
     {p:180,pos:true,x:275,y:200,alpha:true,opacity:1,scale:true,orgSize:[475,270],scaleSize:1}, 
     {p:270,pos:true,x:275,y:140,alpha:true,opacity:1,scale:true,orgSize:[475,270],scaleSize:1}, 
     {p:500,pos:true,x:275,y:-300,alpha:true,opacity:0,scale:true,orgSize:[475,270],scaleSize:1} 
     ] 
}