swiper.js轮播在iOS下禁用上拉下拉回弹问题解决

背景

移动端页面使用了 swiper，实现两屏轮播上下滚动，在 iOS 手机上用手滚动轮播图的时候，会发生下拉或上拉都有空白出现。

解决方案

初始化 swiper实例，传入以下参数。

resistanceRatio：抵抗率。边缘抵抗力的大小比例。值越小抵抗越大越难将slide拖离边缘，0时完全无法拖离。

 

resistanceRatio : 0（让slide在边缘不能被拖动）

参考官方文档：

https://www.swiper.com.cn/api/touch/205.html