<scroll-view scroll-y :style="{ height: 'calc(100vh - ' + scrollHeight + 'px)' }">
<view class="flex menu-title">
<view class="flex-sub mt-title">
参数名
</view>
<view class="flex-sub mt-title">
参数值
</view>
<view class="flex-sub mt-title">
单位及范围
</view>
</view>
<view v-for="(item,index) in menuItem" :key="index" class="flex menu-items">
<view class="flex-sub">
{{item.title}}
</view>
<view class="flex-sub"></view>
<view class="flex-sub"></view>
</view>
</scroll-view>
![重庆铭贝科技](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/36/40/40_avatar_mid.jpg?v=1640846603)
- 发布:2020-06-11 13:44
- 更新:2020-08-24 11:43
- 阅读:3744
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.7.9
手机系统: iOS
手机系统版本号: iOS 13.4
手机厂商: 苹果
手机机型: iphone7、iPhone7 plush
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
给scroll-view 设置指定高度,然后加载数据,约40条,然后竖直滑动的时候经常被卡住无法操作。
给scroll-view 设置指定高度,然后加载数据,约40条,然后竖直滑动的时候经常被卡住无法操作。
预期结果:
正常上下滑动
正常上下滑动
实际结果:
滑动过程中 卡顿
滑动过程中 卡顿
bug描述:
通过 scroll-view组件加载的数据,上下滑动时会突然卡住无法滑动,而且经常出现。 相同的代码,放在ios 12.4 的机子上就很流畅,无问题。
![1***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/3435c3a351adba5bcf8928aa2e35189b.png)
scroll-view 上下滑动 在ios13 上面卡顿
经排查应该是与苹果ios页面滑动冲突了 只要你稍微一开始快点滑就滑不动 我是了原生overflow-y:scroll也不行 通过监听触摸滑动距离更改dom的scrollTop的值 发现app不能更改节点值,只能查看,h5可以。
经一天调式,给出大家替换方案,使用swiper组件来替换scorll-view上下滚动 等修复bug后在用吧 。scorll-view暂时无救。
![重庆铭贝科技](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/36/40/40_avatar_mid.jpg?v=1640846603)
重庆铭贝科技 (作者) - 重庆铭贝科技有限公司
解决方案已出,亲测有效
请参考:https://ask.dcloud.net.cn/question/98881?notification_id-788351rf-falseitem_id-136468#!answer_136468
v***@outlook.com
看到官方说后续优化 https://ask.dcloud.net.cn/question/98881
2020-06-29 17:09