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', })
posted @ 2020-10-09 16:38  阿兰儿  阅读(2000)  评论(0编辑  收藏  举报