progressbarOpposite
使进度条分页器与Swiper的direction参数相反,也就是说水平方向切换的swiper显示的是垂直进度条而垂直方向切换的swiper显示水平进度条
progressbarOpposite信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 4.2.2
效果演示
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
pagination: {
el: '.swiper-pagination',
type : 'progressbar',
progressbarOpposite: true,
},
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/pagination/420.html