8***@qq.com
8***@qq.com
  • 发布:2022-07-01 21:04
  • 更新:2022-07-01 21:04
  • 阅读:254

【报Bug】swiper嵌套scroll,上下滚动scroll的同时别松手可以再左右拖动,并且报红色警告

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.15

浏览器平台: Chrome

浏览器版本: 103.0.5060.66(正式版本) (64 位)

项目创建方式: HBuilderX

操作步骤:

<swiper style="height:100vh">
<swiper-item>
<scroll-view scroll-y="true" style="height: 100%;background: red;">
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
</scroll-view>
</swiper-item>
<swiper-item>
<scroll-view scroll-y="true" style="height: 100%;background: blue;">
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
</scroll-view>
</swiper-item>
<swiper-item>
<scroll-view scroll-y="true" style="height: 100%;background: green;">
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
<view style="width: 100%;height: 500rpx">123</view>
</scroll-view>
</swiper-item>
</swiper>

预期结果:

不想要有左右滚动,并且不再报警告,在小程序没这问题

实际结果:

会同时上下左右滚动

bug描述:

在h5端,swiper嵌套scroll,上下滚动scroll的同时别松手可以再左右拖动,并且报红色警告Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

2022-07-01 21:04 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复