jQuery Masonry/Isotope和流体图像:窗口调整大小的瞬间重叠

Sam*_*win 2 css layout jquery-masonry jquery-isotope responsive-design

我注意到当使用jQuery Isotope或Masonry与流畅/响应式网站时,元素会在浏览器窗口调整大小时暂时重叠.请参阅下面的图片,这是演示的截图.您还可以在Isotope 网站上看到这种情况.

有什么办法可以避免这种重叠吗?

在调整浏览器窗口大小之前:一个间隔很好的图像网格

调整大小期间:重叠!

调整大小后:回到漂亮的网格.

Sam*_*win 5

感谢Osvaldas Valutis在他的博客文章(http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout)上回答了这个问题.

-

对于砌体:

$(window).resize(function(){ $('#list').masonry('reload'); });
Run Code Online (Sandbox Code Playgroud)

以下对我来说,使用同位素:

$(window).resize(function(){ $('#list').isotope('reLayout'); });
Run Code Online (Sandbox Code Playgroud)

-

再次感谢,Osvaldas.