如何让砌体适应变化元素的高度？

Question

所以我有以下代码：

function buttonBar(el) {
    $(el).on('mouseenter mouseleave', '.entry', function(e){
        if(e.type == 'mouseenter'){
            $(this).find('.buttons').slideDown(120).fadeIn(80);
        }
        else if(e.type == 'mouseleave'){
            $(this).find('.buttons').slideUp(120).fadeOut(80);
        }
    });
}  
buttonBar('#posts');

基本上，当您将鼠标悬停在.entry上时，.buttons会向下滑动。我正在使用砌体，我想知道是否有办法让砌体在mousenter和mouseleave上适应这种情况？

P.S：我希望这是有道理的。我是JQuery的初学者，非常棒！ ：）

Answer 1

您可以将.buttons设置为position: absolute;，以便它们向下滑过其他砌体元素。这意味着它们不会影响其他砖石元素的高度。

<强> Example JsFiddle

或者，您可以在更改后再次致电$container.masonry()至get masonry to layout items。