scroll-view组件使用后触摸滑动有很大概率使整个页面都跟着移动,(10次有3次会这样)
最外层容器加了 @touchmove.stop.prevent,不行
然后试了试 @touchmove.stop.prevent="moveHandle" 也不行
屏蔽浏览器滚动事件 document.body.addEventListener('touchmove', this.noUpOrDown,{passive: false} 也不行 ,
这两个也没用,试过了:
e.preventDefault()
e.stopPropagation()
很绝望 还有没有能用的???
<div class="content" @touchmove.stop.prevent> <scroll-view :scroll-top="scrollTop" :scroll-y="scrollStatus" @touchmove.stop @scrolltolower="loadMore" ref="listRef"> <goodsMatch v-for="(item,goodsIndex) in listData" :item="item" :key="item.id" goodsType='navIndex'></goodsMatch> </scroll-view></div>
还试了试在外层 加position:fixed,结果整个列表一滚动就卡死,
试了一天了 绝望不知道咋弄了。
3 个回复
5***@qq.com
同样是这个问题
喜欢技术的前端 - QQ---445849201
scroll-view 设置height 试试,高度可以获取屏幕高度减去导航栏高度,如果有问题,可以发个demo看看
guanjialababy
不想页面滚动试试这个配置