javascript - 砌体重新排列，同时仍在调整大小

Question

我正在使用 Masonry 在页面上排列图块，由于响应式设计，它可以在各个步骤中更改容器的宽度。但是，虽然我正在积极调整浏览器的大小，但不会重新排列图标。因此，在最坏的情况下，当我非常缓慢但稳定地调整带有砖石的浏览器大小时，它只会卡住并冻结，看起来不太好或不太流畅。

是否有任何解决方法可以让砌体立即做出反应，即使调整大小仍在进行中？

Answer 1

您能否提供有关您的具体情况的更多详细信息？如果您可以显示您正在使用的库以及 url，或者至少是一些代码，那将非常有帮助。

作为一个在黑暗中的镜头，我的第一反应是检查并确保您绑定到事件侦听器窗口resize，以便告知 Masonry 何时需要重新洗牌。

我以前使用过Desandro 的 Masonry 插件，在这样做时你必须绑定到resize事件监听器。从文档中：

msnry.bindResize()

$container.masonry('bindResize');

将事件侦听器绑定到窗口调整大小，因此在调整浏览器窗口大小时会触发布局。