课程
/前端开发
/JavaScript
/瀑布流布局
比如倒数第二个box的height远大于最后一个box,,那么应该以倒数第二个来算true和false吧,,在计算高度数组的时候保留这个最后值
2018-08-03
源自:瀑布流布局 2-5
正在回答
我们找的不是处于最底部的box元素,假设最底部的box元素高度特别长,那么通过它获得的 offsetTop+(offsetHeight/2) 的值会很大,我们就必须向下拖动更多的距离,可是这个时候, 其它列 由于没有加载,会在 列 的最下面显示出 大片的空白区域,这不是我们想要达到的效果 。 我们需要的是在 列的底部空白出现之前就进行下载,由于最后一个box元素必然是定位在 之前最短的一列中,这一列的高度 再加上 最后一个box 元素自身的高度的 一半 ,与其它列的高度相比,不会有太大的 偏差,这个时候加载 就比较合适了
举报
瀑布流布局是网站比较流行的一种布局方式,教你实现三大方式
1 回答为什么第二行的第一个元素要根据第一行的最小高度的元素算,而不是和后面的元素一样直接根据最小列高算呀?
3 回答获得class为box的所有元素
2 回答最后一个图片真的是“最后”一个吗?
2 回答关于最后利用什么原理把重叠的分开,以及怎么让后面的元素找到那个矮的元素呢?求详解
6 回答CSS中父元素高度没有随子元素高度的改变而改变,应该如何解决?