乐趣区

关于vue.js:vue使用betterScroll无法滚动问题记录

Scroll 无奈滚动问题记录:

1.wrapper 的高度或宽度大于子元素的高度或宽度:

2. 若问题 1 排查过了,那么可能是你没有设置 ScrollX,或 ScrollY;
官网有一句话:

(1)你首先配置了 eventPassthrough 事件后,你如果是配置了纵向滚动,那么你能够不必设置 scrollX,与 scrollY,因为默认 scrollX:false,scrollY:true;

然而当你配置了其为横向滚动的属性后,因为它还是默认 scrollX:false,scrollY:true;,所以此时你横向纵向都不能滚动;因为因为 eventPassthrough 为:’vertical 此时 scrollY 生效,而又因为默认设置了 scrollX 为 false,所以两个其实都为 false。
注:这个笔者亲身经历,因为过后因为竖向滚动应用得没问题,所以遇到应用横向的时候,就疏忽了这个设置,导致查看了很久,节约大量工夫。

3. 待踩坑,踩了之后补上……

退出移动版