好奇心日报的首页瀑布流, 是怎么完美填充单元格的

[thream]

好奇心日报的首页是瀑布流形式的, 一行分为 4 个单元格, 普通内容占一个单元格, 特殊的占两个单元格. 在下拉页面时, 内容会一直加载, 单元格的填充总是完美填充, 没有空单元格的情况. 看了页面加载的数据, 数据的顺序与页面呈现的顺序一致. 想请教一下, 好奇心日报的后台是经过了什么处理来达成这种效果的?

[leopku]

https://github.com/metafizzy/packery

[zhoushiya]

<!-- 普通文章格子，占位 1x1，智能占位 -->
<!-- 重点文章格子，1x2 的占位，智能占位 -->


注释里就有。。。程序里判断了，增加了一个 size1x2 样式