微信端使用滚动条的时候,用的是vuex的Scroller组件,会出现有时候无法滚动的问题

https://img1.mukewang.com/5c63cf550001d40a04160638.jpg

就是横向的滚动条无法滚动

纵向的列表页也无法滚动,然后滚动条的高度变成了一屏的高度,根本无法滑动;

但是我在本地一直是好的,不会出现这样的问题,发到dev环境的时候,就有时候会出现,没有改代码,重新发包,又会好,不知道到底是什么原因。

代码如下:

https://img2.mukewang.com/5c63cf620001733108000155.jpg

https://img2.mukewang.com/5c63cf620001b1c407130123.jpg


慕森王
浏览 622回答 1
1回答

湖上湖

我用的Swiper是好的,这个是横滑&nbsp; &nbsp; &nbsp; &nbsp; <div class="swiper-container-more">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <ul class="category_nav_tabs swiper-wrapper">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <li class="category_nav_tab swiper-slide" v-for="(li,index) in categoryNameList" :class="{active : select === index}" :key="index">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a class="category_nav_type text-center"&nbsp; @click="tabsIndex(index)">{{li}}</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </ul>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; methods: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //滑动插件,延迟200ms执行该函数&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; initSwiper() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var mySwiper = new Swiper('.swiper-container-more', {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slidesPerView: 'auto',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; freeMode: true,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript