javascript/jquery에서 div 폭포로 애니메이션하기

Question

duitang.com에서와 같이 div의 폭포에 애니메이션을 적용하려고합니다. 나던 스크롤 아래

http://jsfiddle.net/XKdKt/3/
http://jsfiddle.net/NFPKc/

두 번째 링크는 DIV 제 1 및 제 2 링크는 달리 아래쪽에서 위쪽으로 나타나기 때문에 내가 원하는 가장 가까운처럼 보이지만 사업부 : 나는 다음과 같은 스크립트를 시도 새로운 사업부와

누구나 나를 옳은 방향으로 인도하여 duitang과 유사하게 만들 수 있습니까?

도움을 주시면 감사하겠습니다. 감사. 이 같은

Answer 1

뭔가 작업을해야합니다 :

$('#gen').click(function() { 
    var div = $('<div><h6>Another</h6><p>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div>').prependTo('body'); 

    var height = div.outerHeight(); 
    div.css({ 
     "marginTop": -height, 
     "opacity": 0 
    }).animate({ 
     "marginTop":0, 
     "opacity": 1 
    }, "slow"); 
}); 

예 : 당신은 당신의 예제에있는 div 만드는 http://jsfiddle.net/petersendidit/NFPKc/7/