5行代码实现瀑布流

5行代码实现瀑布流

今天做页面，完了给老板看，都不满意，他非要瀑布流。是的，就是这么任性，都是我们平时给惯出来的。算了，上网查了下瀑布流的逻辑和写法。说实话，没看懂，太复杂。自己搞了一个，没想到5行代码搞定，贴出来给大家一起学习学习！（ps:css实现的那种是竖向排列的，你们可以了解下，瀑布流目前只能用js实现）

    let arr = [0,0,0,0];
    img.on("load",function(){
       $(“.img”).css({
           top:Math.min(...arr),
           left:arr.indexOf(Math.min(...arr)) * ($(".img").width() + 20)
       });
       arr[arr.indexOf(Math.min(...arr))] += $(this).height()+20;
    });

DEMO[点击查看]（右键查看源码复制）