~
z***@163.com
- 发布：2023-07-28 19:23
- 更新：2023-07-29 15:17
- 阅读：833
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 22H2
HBuilderX类型： 正式
HBuilderX版本号： 3.8.7
手机系统： Android
手机系统版本号： Android 13
手机厂商： 三星
手机机型： s21
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
~
~
实际结果：
~
~
bug描述：
BUG1：scroll-view组件滑动异常
描述：Uniapp中的scroll-view组件在滑动到边界后继续滑动时，超出一定距离后折返时，滚动条生效的距离需要超出溢出值才能正常回滚，导致滚动条的表现异常。
BUG2：swiper开启边界回弹时，在安卓端上拉没有出现回弹
描述：在Uniapp中，使用swiper组件并开启边界回弹功能时，在安卓端上拉时没有出现回弹效果，只有下拉时才出现回弹效果。
z***@163.com (作者)
是我要的效果，但子组件还是存在这种bug
2024-05-27 03:36
喜欢技术的前端
回复 z***@163.com: 可以发个demo,我跑一下试试，其他手机测过吗
2024-05-28 22:47
z***@163.com (作者)
回复 喜欢技术的前端: 创建uniapp项目，目前已知的，三星s21、小米、华为荣耀，真机实测和mumu模拟器测试，在下面几种场景下，app端滚动条存在异常，当滚动条位于顶部时，触摸向上滑动再折反滑时，滚动条无法正常滚动。滚动条位于底部时，触摸向下滑动再折返时，滚动条无法正常滚动。具体案例代码如下：
<view style="height: 30px;width: 100vw;background-color:#EDEDED" v-for="i in 100" :key="'b'+i">{{i}}
</view>
</scroll-view>
<!-- 滚动条异常：场景三，存放于swiper内时，滚动条滚动到边界时，折返异常，无法滚动 -->
<swiper style="height: 100vh;width: 100vw;">
<swiper-item>
<scroll-view scroll-y="true" style="height: 100vh;width: 100vw;background-color: green;">
<view style="height: 30px;width: 100vw;background-color:#EDEDED" v-for="i in 100" :key="'c'+i">{{i}}
</view>
</scroll-view>
</swiper-item>
</swiper>
<!-- 滚动条正常案例：使用下面代码可以正常效果，滚动条滚动到边界时，折返可以正常滚动 -->
<scroll-view scroll-y="true" style="height: 100vh;width: 100vw;background-color: skyblue;">
<view style="height: 30px;width: 100vw;background-color:#EDEDED" v-for="i in 100" :key="'c'+i">{{i}}
</view>
</scroll-view>
2024-05-29 02:35
z***@163.com (作者)
回复 喜欢技术的前端: 其他机型可能也会，因为我这已有的三台手机测试是都有这种情况
2024-05-29 02:37