direction
Swiper的滑动方向,可设置为水平方向切换
可使用断点(breakpoints,4.5.0后)设置不同分辨率下的切换方向。
可使用 swiper.changeDirection() 方法动态更改切换方向。
horizontal
或垂直方向切换 vertical
。可使用断点(breakpoints,4.5.0后)设置不同分辨率下的切换方向。
可使用 swiper.changeDirection() 方法动态更改切换方向。
direction信息
- 类型:
- string
- 默认:
- horizontal
- 举例:
- vertical
- 启用版本:
- 4.0.0
效果演示
horizontal:横向切换
vertical:竖向切换
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper', {
direction: 'vertical',
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/parameters/21.html