美文网首页
第三十弹-瀑布流布局

第三十弹-瀑布流布局

作者: 我是小韩 | 来源:发表于2016-07-15 00:31 被阅读0次

    一、问答

    瀑布流布局的原理是什么?

    1.元素使用绝对定位,在js中计算每个元素的left和top
    2.首先要计算元素显示的列数,创建一个长度为列数的数组,数组的每一个值代表每一列的高度。
    3.遍历数组 找出最小高度的一列,将元素定位到这一列上
    4.更新数组中这一列的高度值
    5.这样瀑布流的效果就出来了
    6.如果父容器的高度小于数组中的最大值(也就是瀑布流的高度),设置父容器高度。


    二、代码

    代码


    本教程版权归小韩同学和饥人谷所有,转载须说明来源

    相关文章

      网友评论

          本文标题:第三十弹-瀑布流布局

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