課程
/前端開發
/JavaScript
/瀑布流布局
比如倒數第二個box的height遠大于最后一個box,,那么應該以倒數第二個來算true和false吧,,在計算高度數組的時候保留這個最后值
2018-08-03
源自:瀑布流布局 2-5
正在回答
我們找的不是處于最底部的box元素,假設最底部的box元素高度特別長,那么通過它獲得的 offsetTop+(offsetHeight/2) 的值會很大,我們就必須向下拖動更多的距離,可是這個時候, 其它列 由于沒有加載,會在 列 的最下面顯示出 大片的空白區域,這不是我們想要達到的效果 。 我們需要的是在 列的底部空白出現之前就進行下載,由于最后一個box元素必然是定位在 之前最短的一列中,這一列的高度 再加上 最后一個box 元素自身的高度的 一半 ,與其它列的高度相比,不會有太大的 偏差,這個時候加載 就比較合適了?
舉報
瀑布流布局是網站比較流行的一種布局方式,教你實現三大方式
1 回答為什么第二行的第一個元素要根據第一行的最小高度的元素算,而不是和后面的元素一樣直接根據最小列高算呀?
3 回答獲得class為box的所有元素
2 回答最后一個圖片真的是“最后”一個嗎?
2 回答關于最后利用什么原理把重疊的分開,以及怎么讓后面的元素找到那個矮的元素呢?求詳解
2 回答怎么區分dom元素和jquery元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-08-08
我們找的不是處于最底部的box元素,假設最底部的box元素高度特別長,那么通過它獲得的 offsetTop+(offsetHeight/2) 的值會很大,我們就必須向下拖動更多的距離,可是這個時候, 其它列 由于沒有加載,會在 列 的最下面顯示出 大片的空白區域,這不是我們想要達到的效果 。 我們需要的是在 列的底部空白出現之前就進行下載,由于最后一個box元素必然是定位在 之前最短的一列中,這一列的高度 再加上 最后一個box 元素自身的高度的 一半 ,與其它列的高度相比,不會有太大的 偏差,這個時候加載 就比較合適了?