使用了better-scroll 却无法滚动问题

一、better-scroll版本不合适-----之前使用的是2.x版本

1：卸载已安装的版本

npm uninstall better-scroll

 2：安装新版本

npm install better-scroll@1.8.1 --save

二、子元素内容小于父元素

绿色部分为 wrapper，也就是父容器，它会有固定的高度。黄色部分为 content，它是父容器的第一个子元素且唯一一个，它的高度会随着内容的大小而撑高。那么，当 content 的高度不超过父容器的高度，是不能滚动的，而它一旦超过了父容器的高度，我们就可以滚动内容区了，这也就是 BetterScroll 的滚动原理。