swipper内的部分区域的滚动(overflow: auto)与整个屏幕滚动冲突
在使用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', })