vue使用better-Scroll无法滚动问题记录

Scroll无法滚动问题记录:

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

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

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

但是当你配置了其为横向滚动的属性后,由于它还是默认scrollX:false,scrollY:true;,所以此时你横向纵向都不能滚动;因为由于eventPassthrough为:'vertical此时scrollY失效,而又因为默认设置了scrollX为false,所以两个其实都为false。
注:这个笔者亲身经历,因为当时由于竖向滚动使用得没问题,所以遇到使用横向的时候,就忽略了这个设置,导致检查了很久,浪费大量时间。

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

你可能感兴趣的:(vue.js)