vue better scroll 无法滚动的解决方法

作者: 日期:2019-08-13

找了半天原因,最后发现应该这样:

 !-- 订单列表 -- 
 918博天堂网址div id="order-list" ref="scrollwrap" 
 ul v-show="orderlists.length 0" 
 li v-for=" in orderlists" :key="index" 
 div 订单信息 /div 
 /li 
 /ul 
 div v-show="orderlists.length === 0" 
 p 最近没有订单 /p 
 /div 
 /div 


1. 检查html 以及css是否有写错的地方,有时候写错会导致html中dom无法正确生成,而better-scroll是需要dom完全加载完毕后才可以正确滚动的

2. html和css全部写正确的时候还是无法滚动

检查better-scroll是否初始化时机太早,可以使用vue的$nexttick来异步初始化better-scroll

3. better-scroll在使用的时候,滚动只作用于第一层元素,因此在使用better-scroll时,better要加上一层div(div下面再放其他东西,better里不能有同级的2及以上div)

这里要加上seller-content层,如果不加是无法滚动的

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持萬仟网。

首页
电话
短信
联系