<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>
- 发布:2022-07-01 21:04
- 更新:2022-07-01 21:04
- 阅读:254
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.4.15
浏览器平台: Chrome
浏览器版本: 103.0.5060.66(正式版本) (64 位)
项目创建方式: HBuilderX
操作步骤:
预期结果:
不想要有左右滚动,并且不再报警告,在小程序没这问题
不想要有左右滚动,并且不再报警告,在小程序没这问题
实际结果:
会同时上下左右滚动
会同时上下左右滚动
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.