better-scroll的observe-dom参数

还在为better-scroll发愁吗，明明所有的配置都是正确的它就是不能滚动。

当然也有可能是真的配置错了

言归正传，我们来看看这个observe-dom参数

1. 官方解释

开启对 content 以及 content 子元素 DOM 改变的探测。当插件被使用后，当这些 DOM 元素发生变化时，将会触发 scroll 的 refresh 方法。 observe-dom 插件具有以下几个特性：

1. 针对改变频繁的 CSS 属性，增加 debounce
2. 如果改变发生在 scroll 动画过程中，则不会触发 refresh

总结：就是说 observe-dom 这个属性会在 better-scroll 内部帮我们监听 content 的高度变化，自动的帮我们调用内部的 refresh，再也不用为了图片内容早better-scroll对象创建的时候没加载出来导致不能滚动而到处的refresh了。

2. 使用

安装

	npm install @better-scroll/observe-dom --save

使用

  import BScroll from '@better-scroll/core'
  import ObserveDOM from '@better-scroll/observe-dom'
  BScroll.use(ObserveDOM)

  new BScroll('.bs-wrapper', {
    //...
    observeDOM: true // 开启 observe-dom 插件
  })

只要开启插件即可