后加载的图片布局不正确
来源：2-5 onscroll事件实现瀑布流布局的图片加载功能
tremory
2014-11-25 15:40
前半截图片布局正常，后半截通过JS添加的图片都重叠起来了，高度都为55。
我设置了一个按钮调用waterfall函数，重新调用之后就能正常布局，但是写在加载之后就不行。
代码应该都是按照视频敲的，我想问一下这是什么原因？
写回答
关注
6回答
-
- 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的课程
瀑布流布局
瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式
97759 学习 · 736 问题
相似问题