noSwiping
设为true时,可以在slide上(或其他元素)增加类名 'swiper-no-swiping' ,使该slide无法拖动。例如希望文字被选中时可以考虑使用。
该类名可通过
该类名可通过
noSwipingClass
修改。noSwiping信息
- 类型:
- boolean
- 默认:
- true
- 举例:
- false
- 启用版本:
- 4.0.0
效果演示
第二个slide上增加了类swiper-no-swiping,因此无法滑动(但是可以通过组件切换)。
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">slider1
<p class="swiper-no-swiping">不可拖动的文字区域</p>
</div>
<div class="swiper-slide swiper-no-swiping">不可拖动的Slide</div>
<div class="swiper-slide">slider3</div>
</div>
</div>
<script>
var mySwiper = new Swiper('.swiper', {
noSwiping: true,
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/swiping/39.html