问答详情
源自:3-2 jQuery实现瀑布流布局的图片加载功能

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

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

提问者:大尾巴小狼君 2018-06-09 10:31

个回答

  • 慕妹4614214
    2019-03-07 16:17:53

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

    https://img3.mukewang.com/5c80d3ae0001b64006710493.jpg

  • 浅芷初夏
    2019-01-10 12:17:13

    1. 最无脑最简单的方法: 使用延时器,延迟个500毫秒再执行js;

    2. 传统处理方法:使用图片预加载、懒加载技术,慕课上直接能搜到,待加载完再执行;

    3. vue框架处理:代码分散至于vue的生命周期钩子中,搭配使用v-for渲染页面,把图片添加、对齐的代码至于$nextTick(function(){.......});  内。

  • qq_轻斟浅醉_1
    2018-07-02 21:02:45

    你把逻辑写在图片加载后的回调里啊