在javascript / jquery中动画div瀑布

Question

我正试图在duitang.com中为divs的瀑布制作动画。我尝试了以下脚本：

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

第二个链接看起来最接近我想要的东西，因为div不同于第一个和第二个链接从下到上显示，但div下面没有滚动新的div。

任何人都可以引导我走向正确的方向，使其看起来与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");
});

示例：http://jsfiddle.net/petersendidit/NFPKc/7/