如何根据本网站的滚动创建动画？

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++; 
     } 
    } 
    }); 
}); 

这个代码不拟功能