瀑布流

作者: StarLikeRain | 来源:发表于2016-09-02 18:45 被阅读7次

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

    相关文章

      网友评论

          本文标题:瀑布流

          本文链接:https://www.haomeiwen.com/subject/ijckettx.html