随机高度的砌体和slideToggle动画

时间:2016-04-21 13:57:39

标签: jquery jquery-masonry

更新:这是我的Jsfiddle - > https://jsfiddle.net/Leminence/Lcrowcrd/2/

大家好,我的砌体布局遇到了一些问题。 我的布局中的每个元素都可以托管一些slideToggle内容。事情是,当我切换时,元素高度获得随机值,我的布局不会实时更新其位置,但有一些延迟。

这至少可以起作用,但这种行为并不是很美观,因为我的元素首先位于后面的元素之下,然后布局正在更新。

我在砌体网站和Desandro codePen上看到,可以平滑且立即更新布局,但只能在2个修复高度之间。随机的怎么样?

代码非常简单:

$('.trigger' ).click(function()
{   
    $('.hiddenContent' ).slideToggle();         
    $('#comments').masonry();
});

1 个答案:

答案 0 :(得分:0)

嗯,唯一的解决方案是不使用slideToggle(以及使用它的缓动),而是使用简单的切换 - >没有宽松,只是隐藏/显示方法。砌体无法通过简化动画来适应高度。