js实现瀑布流布局原理代码实现功能:
1、定义函数 waterfall(parent,box) 实现瀑布流布局。2、当拖动滚动轴时候,到底部时候会触发 添加元素事件,瀑布流布局。瀑布流思路:第一排自由排版,记录第一排元素的高度存入数组,之后出现的元素 都会放到 数组高度最小的元素下面,绝对定位方式(x-上面元素数组内序号*每个元素宽度 y-上面元素的高度),并且每执行一次,会重新定义高度最小的值,之前高度加上当前元素的高度,存入数组。之后元素都如此执行。如此每个新增元素都会放置在最小高度元素下面,也就实现瀑布流。瀑布流