<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
<view id="demo1" class="scroll-view-item_H uni-bg-red">A</view>
<view id="demo2" class="scroll-view-item_H uni-bg-green">B</view>
<view id="demo3" class="scroll-view-item_H uni-bg-blue">C</view>
</scroll-view>
x***@yeah.net
- 发布：2023-12-13 15:55
- 更新：2024-10-12 11:27
- 阅读：266
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.7
浏览器平台： 手机系统浏览器
浏览器版本： 任意小米手机自带浏览器
项目创建方式： CLI
CLI版本号： 3.0.0
App下载地址或H5⽹址： https://hellouniapp.dcloud.net.cn/pages/component/scroll-view/scroll-view
示例代码：
操作步骤：
浏览器：小米手机自带系统浏览器
问题组件：scroll-view
第一步：打开带有横向scroll-view组件的页面；
第二步：手指拖动scroll-view，此时可正常滑动；
第三步：手指从屏幕中间滑动，返回上一页，注意：不能使用侧边滑动到上一页，必须是屏幕中间向右滑动返回上一页；
第四步：重新进入带有横向scroll-view组件的页面；
第五步：此时项目所有的横向scroll-view都不能滑动了
后续发现，只要是带有横向scroll-view组件的项目，只要在项目中触发了屏幕滑动返回（非侧边栏滑动返回），项目中的横向scroll-view都不能滑动
浏览器：小米手机自带系统浏览器
问题组件：scroll-view
第一步：打开带有横向scroll-view组件的页面；
第二步：手指拖动scroll-view，此时可正常滑动；
第三步：手指从屏幕中间滑动，返回上一页，注意：不能使用侧边滑动到上一页，必须是屏幕中间向右滑动返回上一页；
第四步：重新进入带有横向scroll-view组件的页面；
第五步：此时项目所有的横向scroll-view都不能滑动了
后续发现，只要是带有横向scroll-view组件的项目，只要在项目中触发了屏幕滑动返回（非侧边栏滑动返回），项目中的横向scroll-view都不能滑动
预期结果：
猜测是手势冲突了，解决一下手势冲突问题
猜测是手势冲突了，解决一下手势冲突问题
实际结果：
猜测是手势冲突了，解决一下手势冲突问题
猜测是手势冲突了，解决一下手势冲突问题
bug描述：
横向的scorll-view无法滑动，与浏览器左滑返回冲突，官方的uniapp-web示例也能复现
https://hellouniapp.dcloud.net.cn/pages/component/view
2 个回复
1***@qq.com
老哥咋解决的啊
1***@qq.com
直接在body禁用了横向手势，在body上加上样式
目前测试没啥问题，不知道有没有其他bug产生
1***@qq.com
进行了测试，发现使用浏览器底部自带的上一页下一页按钮后，该设置会失效，有没有更好的解决方案
2024-10-12 15:39