亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

圖片加載時間導致圖片堆疊

課程里老師沒有考慮圖片加載時間的問題,我在實際應用中遇到了,因為圖片加載時間的問題,導致圖片還沒有完全加載,程序就讀取了圖片的高度,因此判斷最小高度值,導致新圖片堆疊,請問有沒有大神就解決辦法

正在回答

3 回答

在動態添加完數據后,再執行一次瀑布流布局函數

https://img1.sycdn.imooc.com//5c80d3ae0001b64006710493.jpg

0 回復 有任何疑惑可以回復我~
  1. 最無腦最簡單的方法: 使用延時器,延遲個500毫秒再執行js;

  2. 傳統處理方法:使用圖片預加載、懶加載技術,慕課上直接能搜到,待加載完再執行;

  3. vue框架處理:代碼分散至于vue的生命周期鉤子中,搭配使用v-for渲染頁面,把圖片添加、對齊的代碼至于$nextTick(function(){.......}); ?內。

0 回復 有任何疑惑可以回復我~

你把邏輯寫在圖片加載后的回調里啊

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

圖片加載時間導致圖片堆疊

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號