关于图片加载完的问题

Question

老师你好。我在尝试做一个商城。有商品（两列布局）列表.  better scroll初始化的时候滚动不了。后发现是内容容器的高度计算不正确。给图片加了@load就可以了。但是有两个问题。1，老师加@load是只要有一张滚动图的高度加载好，就不refresh了。而我的布局里的图片是分散的。岂不是要每加载完一张图片，就要scroll refresh一次？2，如果设置了懒加载的默认图片（该图片尺寸和商品不一样）。就会出现better scroll初始化高度计算不正确或无法滚动。怎么办哦

Answer 1

ustbhuangyi 2017-09-28 01:37:10

即使每加载完一张图片就 refresh 问题也不大，所以监听每一张图片的 load 事件去 refresh scroll 就好，懒加载也一样。

• 提问者 慕娘6352887 #1

  老师你好，根据图片load事件，refresh scroll可以正常计算高度，但是懒加载图片，高度计算就不正确了。我的两列商品布局，图片是希望自适应的，所以没有设置固定的宽高，而懒加载的默认图片是一个小图

• ustbhuangyi 回复 提问者 慕娘6352887 #2

  真实图片加载后也要去 refresh 一下

• 提问者 慕娘6352887 回复 ustbhuangyi #3

  老师，我应该这样问。普通图片的加载，我可以在img标签上加load绑定一个方法，然后在方法里refresh，这个老师教程里的方法。而且我也已经这样做了。但是如果加入图片懒加载，显示默认占位图片的时候，高度就计算错误了。老师的教程里图片固定宽高，哪怕是懒加载占位图片宽高不定，也不会出现scroll的高度不正确。我的是自适应的，如果不加懒加载功能，都ok，但是有了懒加载，懒加载默认占位图片，如何判断其load，然后才能进行refresh？或者说难道我的逻辑有问题？麻烦老师了～

点开查看后面1条评论