其他分享
首页 > 其他分享> > swiper.js轮播在iOS下禁用上拉下拉回弹问题解决

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

作者:互联网

背景

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

解决方案

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

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

 

resistanceRatio : 0(让slide在边缘不能被拖动)

参考官方文档:

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

标签:轮播,iOS,上拉下,slide,resistanceRatio,拖离,swiper
来源: https://www.cnblogs.com/beileixinqing/p/15978623.html