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


背景

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

解决方案

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

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

 

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

参考官方文档:

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM