                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /瀑布流布局

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

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

大尾巴小狼君

2018-06-09

源自：瀑布流布局 3-2

關注問題我要回答

1270

操作

收起

3 回答

慕妹4614214
2019-03-07

在動態(tài)添加完數(shù)據(jù)后，再執(zhí)行一次瀑布流布局函數(shù)

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

收起回答

淺芷初夏
2019-01-10

最無腦最簡單的方法：使用延時器，延遲個500毫秒再執(zhí)行js；
傳統(tǒng)處理方法：使用圖片預加載、懶加載技術，慕課上直接能搜到，待加載完再執(zhí)行；
vue框架處理：代碼分散至于vue的生命周期鉤子中，搭配使用v-for渲染頁面，把圖片添加、對齊的代碼至于$nextTick(function(){.......}); ?內。