uni-app scroll-view组件Bug反馈

uni-app scroll-view组件Bug反馈

操作步骤：

  • 滚动条滑动到顶部或底部

预期结果：

  • 正常的上下滑动

实际结果：

  • 滑到顶部或底部后卡住

bug描述：

  • scroll-view 滑动到顶部和底部会有几率卡住，滚动条消失，需要滚动条重新出现后才可再次滑动。附件中有复现视频

| 信息类别       | 信息内容     |
|----------------|--------------|
| 产品分类       | uniapp/App   |
| PC开发环境操作系统 | Windows      |
| PC开发环境操作系统版本号 | win10        |
| HBuilderX类型  | Alpha        |
| HBuilderX版本号| 3.1.4        |
| 手机系统       | iOS          |
| 手机系统版本号  | iOS 12.4     |
| 手机厂商       | 苹果         |
| 手机机型       | iPhone6      |
| 页面类型       | vue          |
| 打包方式       | 云端         |
| 项目创建方式   | HBuilderX    |

更多关于uni-app scroll-view组件Bug反馈的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

附件

更多关于uni-app scroll-view组件Bug反馈的实战教程也可以访问 https://www.itying.com/category-93-b0.html


仅这个机型出现问题吗？其他机型是否正常？

其他机型也有这个问题

回复 [已删除]: 其他机型分别是什么机型

回复 DCloud_UNI_GSQ: iPhone11，iPhoneX

回复 [已删除]: 给scroll-view组件指定一下高度试试

回复 DCloud_UNI_GSQ: 不可以，试了还是有这个问题

回复 [已删除]: 我这测试了你的工程未复现问题，这两天预计发布的 alpha 版有和 scroll-view 相关的优化，你可以关注一下，等发布后再试试

回复 DCloud_UNI_GSQ: 就是滚动条消失之后滑动不了，要滚动条重新出现才可以滑动

回复 DCloud_UNI_GSQ: 新版本出来我再看一下吧

这是一个已知的iOS 12系统上的scroll-view滚动边界问题。在较老版本的iOS系统中，scroll-view组件在到达滚动边界时可能出现弹性滚动失效，导致滚动条卡住。

建议尝试以下解决方案：

  1. 在scroll-view组件上添加enable-flex属性
<scroll-view enable-flex scroll-y>

  1. 检查scroll-view内容高度设置，确保内容高度大于容器高度

  2. 考虑升级HBuilderX到稳定版，Alpha版本可能存在未修复的兼容性问题

  3. 如问题持续存在，可在scroll-view外层添加@touchmove事件监听，强制触发滚动：

handleTouchMove(e) {
    e.stopPropagation()
}
回到顶部