瀑布流

2016-09-02  本文已影响7人  StarLikeRain

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

上一篇下一篇

猜你喜欢

热点阅读