我正在使用Isotope插件来布局不同大小的图块,并且正在使用过滤器功能来隐藏其中的一些图块。

它是多选过滤器,因此您可以同时选择多个过滤器,这里的问题是您不知道要返回什么内容,因此底部通常会有空白,如下所示:。

我需要在这里做三件事:


检测行是否不“满”,即在布局中有任何间隙之后
获取间隙的大小和位置
将适当大小的一些备用内容放入此间隙


我知道Isotope有一个addItem方法,可以在第3步中使用它,但是经过大量的搜索和阅读Isotope文档之后,我距离1&2的解决方案更近了。

之前有没有人遇到过这个问题,并且对如何解决这个问题有任何想法。

最佳答案

看起来您正在使用默认的masonry布局模式,这可能会产生间隙。尝试使用旨在填补空白的packery layout mode

07-24 09:50
查看更多