砌体重新排列,同时仍然调整大小
Masonry rearrange while still resizing
我使用砌体来安排页面上的瓷砖,由于响应式设计,可以在各个步骤中改变容器的宽度。但是,当我积极地调整浏览器的大小时,砖石并没有重新排列图标。所以在最坏的情况下,当我非常缓慢但稳定地调整浏览器的大小时,砌体就会卡住并冻结,这看起来不太好或不流畅。
是否有任何解决方法,使砌体立即反应,即使有一个调整尺寸仍在运动?
你能就你的具体情况提供一些细节吗?如果你能显示你正在使用的库以及url,或者至少一些代码,那将非常有帮助。
在黑暗中,我的第一反应将是检查并确保您绑定到事件侦听器窗口resize
,以便砌体被告知何时需要重新洗牌。
我以前使用过Desandro的砌体插件,这样做你必须绑定到resize
事件监听器。来自文档:
msnry.bindResize ()
$container.masonry('bindResize');
将事件监听器绑定到window resize,这样当浏览器窗口大小被调整时就会触发布局。
相关文章:
- 如何在方向更改时重新调整/排列布局(Apache Cordova)
- 在没有新行的情况下调整td中的动态加载内容
- 调整大小后获取Gridster小部件的新大小
- 加载新内容时调整iframe的高度
- 如何调整此代码,以便它将在新选项卡/窗口中打开重定向
- 比较两个JSON数组并重新排列新的JSON数组格式
- 可在新行上调整大小的 DIV 制作文本框
- 我可以调整或使用给定的(JavaScript)图表来创建不同的/新的图表吗?
- 如何使用新行调整文本框的大小
- 添加新元素时调整子元素的大小
- Jquery UI 在新元素上可调整大小不起作用
- 在调整大小的新弹出窗口中打开表单
- Javascript新窗口,用于在IE中不调整视频大小
- 插入新元素后,在 extjs 中不会自动触发大小调整
- 在窗口大小调整时写入新文本大小的功能
- 使用JQuery调整图像大小和重新排列图像;第一次装载时不能工作
- 打开窗体会导致新的调整大小的窗口
- 动态添加新数据时调整FancyBox模式的大小
- Javascript为jquery选择器重新排列数组
- 砌体重新排列,同时仍然调整大小