他有几个坑点,1. 默认不能点击,默认不能滑动;2. 初始化时就计算高度以至于判断容器内子元素高度不大于父容器,因此判断为不能滚动。 下面这个属性据说就是判断高度后设置的,如果为false就滚动不了 网络上有人给出的解决办法是,使用那个BScroll对象身上的on监听,每次滑动时都使用refresh方法刷新该对象。但是即使设置...
当层级关系检查无误但还是无法滚动,则建议打印BS对象查看一下。 关注两个变量:hasVerticalScroll和scrollerHeight。 如果hasVerticalScroll为false,则一定时wrapper和content计算高度时出错了。此时,对比下scrollerHeight和wrapperHeight,多半是前者小于等于后者。然后,手动修改hasVerticalScroll为true,会发现可以拖拽,但不是滚动。
`wrapper`是指包裹了需要滚动内容的容器元素。在使用better-scroll时，若未正确设置`wrapper`的定位属性（如`position: relative`或`position: absolute`等），可能会导致better-scroll无法正确识别和处理滚动事件。通过给`wrapper`元素添加适当的定位样式，可以解决滚动无效的问题。这一看似不起眼的细节，却...
看起来是一旦图片加载成功我们就要调用这个refresh方法让它来重新刷新这个高度 七. 解决首页中Better-Scroll可滚动区域的问题 Better-Scroll在决定有多少区域可以滚动的时候, 是根据可滚动的高度scrollHeight决定的 scrollHeight属性是根据子组件的高度better-scroll的content中的子组件的高度决定的 但是我们的首页中刚开始在...
初始化问题:检查上面的相关设置是否已做好,初始化会在内层即滚动层进行滚动的相关的style设置 初始化style设置内层 初始化成功了,还不能滚动。考虑计算高度出错,检查内层高度是否大于外层高度。打印better-scroll对象,看字段 hasVerticalScroll:true , scrollHeight 值是否大于wrapperHeight . ...
1,js原生滚动:(只需要设置父容器wrapper的高度和设置一下overflow-y:scroll,默认处理了overflow: hidden;) /* 局部滚动 ~但是在移动端滚动非常卡顿*/ .wrapper{ height: 300px; overflow-y: scroll; border: 1px solid orange; } 1. 2. 3. 4. ...
onScroll(){ this.$nextTick(()=>{ if (!this.scroll) { this.scroll=new BScroll(this.$refs.tab, { startX:0, click:true, scrollX:true, scrollY:false, }) }else{ this.scroll.refresh() } }) } }, mounted () { this.onScroll() } .tab{ width: 7.54rem;height: 0.88rem;backgrou...
better-scroll在使用的时候,滚动只作用于第一个子元素,其它的元素都会被忽略。在vue中,获取的ref是seller,那么它的子元素seller-wrapper才是需要滚动的部分。 ...这里才是内容 还有一种可能就是隐藏切换显示。这样都会导致插件参数的scrollerHeight:0。此时需要...
猜测是flex布局固定死了子元素的高度，使得子元素无法被内部元素撑开，无法超过父元素高度而失去滚动效果...