【报Bug】ios开启下拉刷新后swiper手动滑动，会开卡住不动

分类：uni-app

bug已确认

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 11

HBuilderX类型：正式

HBuilderX版本号： 4.29

手机系统： iOS

手机系统版本号： iOS 17

手机厂商：苹果

手机机型： iphone14

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

index.vue代码：

<swiper class='carousel_swipers' :indicator-dots="true" indicator-active-color="#fff"  
                :autoplay="true" interval='3000' :circular='true'>  
          <swiper-item v-for="(item,index) in bannerList" :key='index' @click="goContent(item)">  
            <image :src="item.url"></image>  
          </swiper-item>  
 </swiper>

pages.json代码：

{  
      "path": "pages/index/index",  
      "style": {  
        "navigationStyle": "custom",  
        "enablePullDownRefresh": true,  
        "onReachBottomDistance": 50,  
        // 距离底部 50px 时触发  
        "app-plus": {  
          "pullToRefresh": {  
            "support": true,  
            "style": "circle",  
            "offset": "50px"  
          }  
        }  
      }  
    }

操作步骤：

HBuilderX4.29，ios系统，开启页面下拉刷新，在页面中使用swiper，

预期结果：

两个item平滑过渡

实际结果：

卡在两个item中间，无法过渡

bug描述：

开启官方的下拉刷新之后，页面中的所有swiper都无法手动滑动，会卡在两个item中间不动

视频链接：https://img.ycyy.club/2024/11/12/807b57837b2f42ea9d3e154ee4eead7f.mp4

2024-11-12 16:13 负责人:DCloud_UNI_OttoJi 分享

5 个回复

最佳回复

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

我测试了 HBuilderX。4.24 版本，设置下拉刷新 style=circle 运行到 ios 真机发现也是会滚动卡住。并不是版本升级导致的。

目前针对 style=circle 在 ios 真机下卡住的问题，有两个兼容方案

一个是避免 swiper 和下拉刷新设置 circle 同时使用，你可使用 style=default
也可使用我下面给的兼容包来兼容，避免卡住

你可解压替换到下面目录 plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-app-plus/dist 观察是否有改善，目前滚动不会卡死。

综合建议可在 ios 中启用 style=default 来规避此问题

dist.zip

2025-12-31 18:05 分享

DCloud_UNI_LXH

只有开启了下拉刷新才会这样？

2024-11-12 16:43 分享

a***@163.com (作者)

是的，我把下拉刷新关闭之后就是正常的

2024-11-12 16:57
DCloud_UNI_LXH

回复 a***@163.com: 我使用模拟器 ios 17 ，运行 hello-uniapp 上的 swiper 示例，打开页面下拉刷新没有发现你所说的问题。如果可以的话，提供一个简单复现的 demo

2024-11-13 10:19
a***@163.com (作者)

回复 DCloud_UNI_LXH: demo放在下面一条评论了，您看看

2024-11-13 10:38
aabbjian

回复 DCloud_UNI_LXH: 同碰到此问题。用真机试试吧。每回都复现不了，实际都是问题。

2024-12-06 15:41
4***@qq.com

更新了最新版4.36，还有此问题

2024-12-11 15:45
4***@qq.com

回复 DCloud_UNI_LXH: 试一下把高度给的大一点切不超过屏幕的高度呢

2024-12-16 09:43
2***@qq.com

回复 DCloud_UNI_LXH: 下拉刷新有概率把swiper的touchend事件吞掉，滑动只有touchstart没有touchend，从4.24以后就有这个问题了，页面配置："app-plus": {

"pullToRefresh": {

"support": true,

"color": "#1f47ff",

"style": "circle",

"offset": "100px"

}

}已经说的很明白了吧。。。

2025-01-03 15:11
1***@qq.com

今天更新到 4.55了还没有解决嘛

2025-03-09 08:46