JavaScript——原生js實現瀑布流

瀑布流介紹及實現原理:   瀑布流是一種頁面佈局,頁面上也有多等寬的塊(塊就頁面內容),每一塊都是絕對定位(absolute),每一個塊排列的方式以下:尋找如今高度最小的列,把該塊定位到該列下方。須要知道,瀏覽器的可視區域不盡相同,所以佈局以前咱們總要計算獲得當前頁面能夠容下得列數,計算方法爲:頁面總寬度/圖片寬度,將結果向下取整便可。     通過以上處理,咱們能夠獲得每列高度都差很少得頁面,也
相關文章
相關標籤/搜索