gpt4 book ai didi

css - jQuery Masonry/Isotope 和流体图像 : Momentary overlap on window resize

转载 作者:行者123 更新时间:2023-12-02 07:36:38 24 4
gpt4 key购买 nike

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

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

Before resizing the browser window: a nicely spaced grid of images

During resizing: overlapping!

After resizing: back to the nice grid.

最佳答案

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

--

对于砌体:

$(window).resize(function(){ $('#list').masonry('reload'); });

以下对我有用,使用同位素:

$(window).resize(function(){ $('#list').isotope('reLayout'); });

--

再次感谢,Osvaldas。

关于css - jQuery Masonry/Isotope 和流体图像 : Momentary overlap on window resize,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15554798/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com