                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /瀑布流布局

图片加载时间导致图片堆叠

课程里老师没有考虑图片加载时间的问题，我在实际应用中遇到了，因为图片加载时间的问题，导致图片还没有完全加载，程序就读取了图片的高度，因此判断最小高度值，导致新图片堆叠，请问有没有大神就解决办法

大尾巴小狼君

2018-06-09

源自：瀑布流布局 3-2

关注问题我要回答

1213

操作

收起

3 回答

慕妹4614214
2019-03-07

在动态添加完数据后，再执行一次瀑布流布局函数

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

收起回答

浅芷初夏
2019-01-10

最无脑最简单的方法：使用延时器，延迟个500毫秒再执行js；
传统处理方法：使用图片预加载、懒加载技术，慕课上直接能搜到，待加载完再执行；
vue框架处理：代码分散至于vue的生命周期钩子中，搭配使用v-for渲染页面，把图片添加、对齐的代码至于$nextTick(function(){.......}); 内。