一、問(wèn)答
瀑布流布局的原理是什么?
1.元素使用絕對(duì)定位,在js中計(jì)算每個(gè)元素的left和top
2.首先要計(jì)算元素顯示的列數(shù),創(chuàng)建一個(gè)長(zhǎng)度為列數(shù)的數(shù)組,數(shù)組的每一個(gè)值代表每一列的高度。
3.遍歷數(shù)組 找出最小高度的一列,將元素定位到這一列上
4.更新數(shù)組中這一列的高度值
5.這樣瀑布流的效果就出來(lái)了
6.如果父容器的高度小于數(shù)組中的最大值(也就是瀑布流的高度),設(shè)置父容器高度。
二、代碼
本教程版權(quán)歸小韓同學(xué)和饑人谷所有,轉(zhuǎn)載須說(shuō)明來(lái)源