4

私はこのようなことをしようとしています。

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

私が理解できないのは、スクロールが特定の位置に当たったときに、スクロールに基づいてアニメーションを発生させる方法です。スクロールに基づいて、またスクロール時にブロックがブラウザの表示領域内にある場合にのみ、コンテンツの一部をアニメーション化する必要がある同様のコンテンツブロックがあります。

scrollイベントを使用してscrollTopの位置を取得することを理解しています。他のすべてがどのように機能するかについて、より関心があります。

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

誰でもこれのいくつかを説明するのを手伝うことができます。

ありがとう

4

1 に答える 1

1

MiniGodがコメントで述べたように、ソース コード ( animate.jsalpha ) を調べると、すべての「シーン」とその他すべてのものが記録されていることがわかり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}
        ]
}
于 2012-10-09T03:24:37.343 に答える