1***@163.com
1***@163.com
  • 发布:2023-06-02 14:23
  • 更新:2023-12-18 21:33
  • 阅读:342

scroll-view组件使用后触摸滑动有概率使整个页面都跟着移动如何解决???

分类:uni-app

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,结果整个列表一滚动就卡死,

试了一天了 绝望不知道咋弄了。

2023-06-02 14:23 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com

同样是这个问题

喜欢技术的前端

喜欢技术的前端 - QQ---445849201

scroll-view 设置height 试试,高度可以获取屏幕高度减去导航栏高度,如果有问题,可以发个demo看看

<scroll-view style="height: 300px;" scroll-y="true" ></scroll-view>
guanjialababy

guanjialababy

不想页面滚动试试这个配置

要回复问题请先登录注册