砌体重新排列,同时仍然调整大小

Masonry rearrange while still resizing

本文关键字:调整 新排列 排列      更新时间:2023-09-26

我使用砌体来安排页面上的瓷砖,由于响应式设计,可以在各个步骤中改变容器的宽度。但是,当我积极地调整浏览器的大小时,砖石并没有重新排列图标。所以在最坏的情况下,当我非常缓慢但稳定地调整浏览器的大小时,砌体就会卡住并冻结,这看起来不太好或不流畅。

是否有任何解决方法,使砌体立即反应,即使有一个调整尺寸仍在运动?

你能就你的具体情况提供一些细节吗?如果你能显示你正在使用的库以及url,或者至少一些代码,那将非常有帮助。

在黑暗中,我的第一反应将是检查并确保您绑定到事件侦听器窗口resize,以便砌体被告知何时需要重新洗牌。

我以前使用过Desandro的砌体插件,这样做你必须绑定到resize事件监听器。来自文档:

msnry.bindResize ()

$container.masonry('bindResize');

将事件监听器绑定到window resize,这样当浏览器窗口大小被调整时就会触发布局。