原生js实现自适应宽度瀑布流以及加载效果——李帅醒博客

今天教大家使用原生js实现自适应宽度瀑布流以及加载效果，之前已经教过大家左普通瀑布流布局。

1.计算页面的宽度，计算出页面可放数据块的列数（如上图所示就有6列）。

2、一排结束后，如第6个元素，是添加再上一排最短的位置，所以要做一个大小高度判断。

3、当window窗口发生改变时,触发事件，改变列数，用到onresize事件。