better-scroll使用中的问题

better-scroll 对于上拉滑动 一系列处理的框架

1、解决首页中可滚动区域的问题

• Better-Scroll在决定由多少区域可滚动时，是根据scrollerHeight属性决定的

scrollerHeight属性是根据在Better-Scroll的content中的子组件的高度

但在我们的首页中，刚开始计算 scrollerHeight 属性时，是没有将图片的高度计算在内的。

所以计算出来的结果是错误的。

后来加载进来的图片使得有了新的高度，但是 scrollerHeight 属性并没有更新。
所以滚动出了问题。

2、解决问题

• 监听每一张图片是否加载完成，只要有一张图片加载完成，就执行一次refresh() 。

• 如何监听图片加载完成：
  原生js方法监听图片：img.onload = function () {}
  Vue监听：@load=‘方法’

• 调用scroll中refresh()