Swiper Swiping / No Swiping(禁止切换) - noSwipingClass

设置不可滑动的区域的类名。当 noSwiping 设置为true时,并且在slide(或其他元素)加上此类名,目标将无法触摸拖动。

noSwipingClass信息

类型:
string
默认:
swiper-no-swiping
举例:
stop-swiping
启用版本:
4.0.0

效果演示

第二个slider加入了stop-swiping,所以第二个slide触摸无效(但是可以通过组件切换)。

slider1
slider2
slider3
 
 

使用方法示例

从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<div class="swiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide">slider1</div>
    <div class="swiper-slide stop-swiping">slider2</div>
    <div class="swiper-slide">slider3</div>
  </div>
</div>
<script> 
  var mySwiper = new Swiper('.swiper', {
    noSwiping: true,
    noSwipingClass: 'stop-swiping',
  })
</script>