瀑布流

多个div,高度不固定,宽度固定。
设立一个Array,里面置入几个window宽可以容纳的列数的参数数量,然后每次放入新的item的时候先经历判断获取当前有的列数里面高度最小的一列,然后把新的item push到高度最低的一列,可以看判断语句这是前后对比,所以优先获取前面的最低的。
每个新item通过position:absolute的方法渲染在页面上。
给window设置resize事件,可以保证窗口尺寸变化可以即时重新渲染
waterFullFlow

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容