javascript - 滚动效果

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}
        ]
}