如何根據本網站的滾動創建動畫？

Question

我最近遇到這個網站

http://estimote.com/

首先，你可以在這個網站上的末端有一個人正站在房間門口察覺。您可以搜索關鍵字「什麼是實際應用程序？」找到那個地方。

有一種效果，當用戶滾動鼠標時，屏幕上有一些反應基礎，例如在本網站中，如果用戶向下滾動，則該人將走在房間內，另一方面，如果用戶滾動另一側，那麼該男子離開房間。

看來效果只是滾動然後改變圖像的網址？我想提出更具體的問題，如何重寫滾動事件，並執行一些功能？

感謝

Answer 1

如果您在developertools看，你可以看到，他們正在改變圖像，你所提到的。
你可以用jQuery創建此，使用這樣的：

$(function(){ 
    $(window).scroll(function() 
    { 
    var aTop = $('#animationContainer').height(); 
    var framesShown = 0; 
    var framesTotal = 10; 

    if($(this).scrollTop()>=aTop){ 
     if(framesShown != framesTotal) 
     { 
      e.preventDefault() 
      showNextFrame(framesShown + 1); 
      framesShown++; 
     } 
    } 
    }); 
}); 

這個代碼不擬功能