javascript - 如何获得同位素以避免与可变尺寸瓷砖的差距

标签 javascript jquery jquery-isotope

<分区>

有没有办法让同位素以没有间隙的方式排列网格?

我在几个演示中看到元素改变了位置,但我自己无法实现效果。喜欢这里:http://isotope.metafizzy.co/demos/layout-modes.html

这是我的 fiddle : http://jsfiddle.net/crappish/zvRy5/

如您所见,当您调整“结果”的大小时,网格会正常变化,但在某些宽度下,马赛克中会出现白色间隙。这是非常不幸的。 :(

最佳答案

我最终编写了自己的扩展程序 (perfectMasonry),它没有留下空隙,而是布置了完美的“砖墙”。 :) 一旦我有空闲时间清理它,我会尝试发布它(GitHub,也许)。

编辑:这是完美的 Masonry 扩展:https://github.com/zonear/isotope-perfectmasonry

关于javascript - 如何获得同位素以避免与可变尺寸瓷砖的差距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11135470/

相关文章:

jquery - 获取具有属性 "bVisible: false"的数据表列的值

javascript - JQuery Packery 中心项目

php - 将 PHP JSON 传递给 Javascript : echo json_encode vs echo json declaration

javascript - 使用过滤器和一些对象过滤另一个对象数组

javascript - 在验证完成之前停止提交?

javascript - 使用javascript单击div部分外部后如何删除文本样式?

javascript - 组合过滤器 Jquery Isotope

javascript - 如何使用带有 Masonry 布局的同位素来避免间隙 sortby random

javascript - Phaser3 ascii 图形

javascript - jquery 将数据属性传递给回调函数