jQuery Masonry/同位素和流体图像:窗口大小调整时的瞬时重叠 [英] jQuery Masonry / Isotope and fluid images: Momentary overlap on window resize

问题描述

我注意到，当将jQuery Isotope或Masonry与流畅/响应迅速的网站一起使用时，在调整浏览器窗口大小时，这些元素会暂时重叠.请查看下面的图像，这些图像来自此演示.您还可以在同位素网站上看到这种情况.

I've noticed that when using jQuery Isotope or Masonry with a fluid / responsive website, the elements overlap momentarily whilst the browser window is being resized. Please see the images below, which are screenshots from this demo. You can also see this happening on the Isotope website.

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

Is there anything that can be done to avoid this overlapping?

推荐答案

对于同位素版本3，请使用:

For Isotope version 3 use:

$(window).resize(function(){ $('.grid').isotope('layout'); });

避免网格项重叠.

这篇关于jQuery Masonry/同位素和流体图像:窗口大小调整时的瞬时重叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！