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滑动手势产生了冲突。

解决方案:

  1. 在swiper组件上添加@touchstart.stop@touchend.stop事件阻止事件冒泡
<swiper @touchstart.stop @touchend.stop>
  <!-- swiper内容 -->
</swiper>
  1. 或者尝试在pages.json中为当前页面单独配置下拉刷新样式:
{
  "path": "pages/yourPage",
  "style": {
    "enablePullDownRefresh": true,
    "onReachBottomDistance": 50,
    "app-plus": {
      "bounce": "none"
    }
  }
}
回到顶部