ios开启下拉刷新后swiper手动滑动在uni-app中会卡住在中间不动
ios开启下拉刷新后swiper手动滑动在uni-app中会卡住在中间不动
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows | 11 | HBuilderX |
操作步骤:
ios开启下拉刷新后swiper手动滑动,会卡住在中间不动
预期结果:
正常滑动切换
实际结果:
会卡住在中间不动
bug描述:
ios开启下拉刷新后swiper手动滑动,会卡住在中间不动
3 回复
同样遇到了这个问题 还没解决
更多关于ios开启下拉刷新后swiper手动滑动在uni-app中会卡住在中间不动的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个iOS平台下uni-app中常见的下拉刷新与swiper组件冲突问题。主要原因是在iOS系统中,下拉刷新手势和swiper滑动手势产生了冲突。
解决方案:
- 在swiper组件上添加
@touchstart.stop
和@touchend.stop
事件阻止事件冒泡
<swiper @touchstart.stop @touchend.stop>
<!-- swiper内容 -->
</swiper>
- 或者尝试在pages.json中为当前页面单独配置下拉刷新样式:
{
"path": "pages/yourPage",
"style": {
"enablePullDownRefresh": true,
"onReachBottomDistance": 50,
"app-plus": {
"bounce": "none"
}
}
}