Swiper Navigation Buttons(前后切换按钮) - hideOnClick

点击slide时显示/隐藏按钮。
BUG处理:如果遇到无效,可增加样式 .swiper .swiper-button-hidden{ opacity : 0; }
 

hideOnClick信息

类型:
boolean
默认:
false
举例:
true
启用版本:
4.0.0

效果演示

slider1
slider2
slider3
 
 

使用方法示例

从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript"> 
var mySwiper = new Swiper('.swiper',{
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
    hideOnClick: true,
  },
})
</script>