问答详情
源自:2-5 onscroll事件实现瀑布流布局的图片加载功能

后加载的图片布局不正确

547431c100011e1705000296.jpg前半截图片布局正常,后半截通过JS添加的图片都重叠起来了,高度都为55。

我设置了一个按钮调用waterfall函数,重新调用之后就能正常布局,但是写在加载之后就不行。

代码应该都是按照视频敲的,我想问一下这是什么原因?

提问者:tremory 2014-11-25 15:40

个回答

  • lumia2048
    2016-07-27 12:30:39

    谢谢啦,我还以为只有我一个人发现了这个问题。终于解决了困扰我一天的问题!

  • 偌颜宁
    2014-11-25 18:56:24

    这个我看不到你的代码我也没法说

  • tremory
    2014-11-25 16:47:45

    在加载后一批图片后 设置延时 再调用waterfall函数 就能正确布局了 估计是图片还没加载进入页面 waterfall就去获取box高度 所以获取到的只有空盒子的高度——55

  • 偌颜宁
    2014-11-25 16:26:35

    你代码怎么写的我都不知道啊,所以说让你自己调试吗

  • tremory
    2014-11-25 16:01:49

    55的高度好像是没有图片 空盒子的高度 为什么新加载图片后第一次调用waterfall获取的图片高度是空盒子的高度呢?

  • 偌颜宁
    2014-11-25 16:00:36

    在浏览器端启动开发者工具,按F12,然后打断点调试,如果不会调试的话,可以看一下web调试工具-firebug的课程