原生 js 实现瀑布流效果
获取到刚刚数组中,高度最小的那一列,将第 2 行的第 1 个图片盒子放置在它的下方;
此时的 left 值就是高度最小列的 offsetLeft;top 值就是:第 1 行高度最小列的高度 (为了布局美观可以加上上下间隙 gap)。
记录下高度最小列的索引 index,后面计算会用到;
设置完成之后,会发现后面所有的图片都叠在这个高度最小列的下面,原因就是此时的最小列高度没有改变,应该加上下面图片的高度,得出一个新高度。
来源: https://segmentfault.com/a/1190000012621936