在使用swiper的时候经常遇到的问题就是:当有些文字区域需要出现滚动条(添加overflow:auto),然而滚动效果会和swipper的全屏滚动冲突,导致滚动时整个页面滚动。

在swipper的官方文档有相关功能可以屏蔽滚动区域。

noSwipingClass

不可拖动块的类名,当 noSwiping 设置为true时,并且在slide(或其他元素)加上此类名,目标将无法触摸拖动。API: https://www.swiper.com.cn/api/swiping/77.html
var mySwiper = new Swiper('.swiper-container',
{ 
noSwiping : true, noSwipingClass : 'stop-swiping',