<template>
<view>
<scroll-view style="height: 1000rpx" :scroll-y="true" @touchstart="touchstartEvent" @touchmove="touchmoveEvent" @touchend="touchendEvent">
<view style="border: 2rpx solid #000;padding: 100rpx;" v-for="i in 10" :key="i"> {{i}} </view>
</scroll-view>
</view>
</template>
<script>
export default {
methods: {
touchstartEvent(e){
console.log('touchstart');
},
touchmoveEvent(e){
console.log('touchmove');
},
touchendEvent(e){
console.log('touchend');
}
}
}
</script>
wenju
- 发布：2020-06-09 15:57
- 更新：2021-04-28 09:14
- 阅读：5994
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.9
手机系统： iOS
手机系统版本号： iOS 13.4
手机厂商： 苹果
手机机型： iPhone7Plus, iPhoneX,
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
重现方式1: 在顶部时,滚动条消失时,快速向下滑
重现方式2: 在列表中间,滚动条消失时,快速向下或向上滑
重现方式3: 在底部时,滚动条消失时,快速向上滑
重现方式1: 在顶部时,滚动条消失时,快速向下滑
重现方式2: 在列表中间,滚动条消失时,快速向下或向上滑
重现方式3: 在底部时,滚动条消失时,快速向上滑
预期结果：
touch事件不应该影响scrollview的滚动
touch事件不应该影响scrollview的滚动
实际结果：
在ios13中,touch监听貌似阻止了事件冒泡
在ios13中,touch监听貌似阻止了事件冒泡
bug描述：
iOS13真机APP: scroll-view监听了touch事件无法正常滚动 (下载了最新Apha版和2.6.9HBuilderX版本也是一样的问题)
但是测试了另外一部iPhone6是iOS12系统 ,则滚动流畅,不知是否和系统版本有关 ?
Android正常
最佳回复
处理方案来了，替换附件文件到 HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-app-plus/dist/view.umd.min.js
预计会在下个 alpha 版本带上。
下个版本已经来到，2.8.9+ 已经修复
ben168 - App developer
在uniapp 的 view.umd.js 代码里有：
lastAction.disable = disable;
lastAction.time = time;
plusReady(function () {
if (plus.os.name === 'iOS') {
// 延迟执行避免iOS13触摸卡死
setTimeout(exec, 20);
} else {
exec();
}
});
}
``````javascript
显然，uniapp 的开发人员一直在避免iOS 的卡顿问题， 但用timeout 方式明显是 workround 的办法，而不是根本解决的途径。
确认滚动到顶/底部瞬间无法响应触摸操作，后续会进行优化
-
-
-
-
-
-
-
-
-
回复 DCloud_UNI_GSQ: 期待尽快修复，我的也是滚动顶部或底部卡顿，而且scroll-view里的点击事件也很卡顿，有时候点击没有反应
2020-08-14 17:45
-
-
-
-
-
回复 DCloud_UNI_GSQ: 通过vue/cli创建的项目，也遇到了这个问题。看了评论，好像都在说hbuilderX创建的项目，升级hbuilderX版本可以解决，那么vuecli创建的项目如何解决呢？希望解答一下，谢谢~
2021-11-16 15:25
-
ben168 - App developer
这问题我这里也出现， iPhone 6 Plus iOS 12.4.8
HBuilderX 3.1.11.20210423
期待下一版本fixed 掉这个bug.
渡
nice啊
2020-08-21 17:26
小兔白
回复 渡: 你的好使了？我的还是会卡呢
2020-08-21 22:10
小兔白
试了下卡的没变化，请问是哪里操作的姿势不对吗
2020-08-21 22:26
渡
回复 小兔白: 我的没问题啊 我先把基座删了再重新安装的
2020-08-22 09:22
小兔白
回复 渡: 你的hbuilderX版本多少，是最新的吗
2020-08-22 14:10
渡
回复 小兔白: 2.8.8
2020-08-22 14:14
4***@qq.com
我的试了，竟然好了，我被这个问题搞了快一个月了，中间都放弃了。。。。老早就提了这个bug，没有引起重视。终于好了，哈哈
2020-08-22 14:47
重庆铭贝科技
alpha 2.8.7 ，ios 13.5， 测试确实不卡了 ！
2020-08-24 11:33
DCloud_UNI_GSQ
参与测试的同学，也注意一下，之前有同时用到下拉刷新功能的查看表现是否和之前不同。
2020-08-24 16:34
9***@qq.com
替换view.umd.min.js文件后导致我的canvas都不能正常使用了，而且也没报错，替换回以前的view.umd.min.js文件就行了
2020-08-29 12:00
DCloud_UNI_GSQ
回复 9***@qq.com: 直接使用 2.8.9 alpha 试试
2020-09-02 17:25
猪九戒
您好，我试了不行啊，我刚下载的版本2.9.2 alpha ，求大佬帮忙
2020-10-24 13:35
DCloud_UNI_GSQ
回复 猪九戒: 你的应该不是同一个问题，单独发帖反馈，描述清楚
2020-10-24 14:56
builder666
回复 重庆铭贝科技: view.umd.min.js你好，这个文件在哪里啊
2022-09-20 23:31
builder666
回复 猪九戒: 大佬，view.umd.min.js这个文件在哪里替换啊，我项目中都没搜索到啊
2022-09-20 23:33
重庆铭贝科技
回复 builder666: 这个BUG早就修复了，，，
2022-09-21 09:55
builder666
回复 重庆铭贝科技: 好的，我的页面在ios上偶现触底后滑不动，不知道是不是这个原因。
2022-09-21 16:21