forceToAxis
强制鼠标滚轮滚动的方向和Swiper的切换方向一致。默认为false,不强制,鼠标“上下”和“左右”滚动都可以控制Swiper切换。
设置为true后,鼠标上下滚轮只能控制垂直切换的Swiper,鼠标左右滚轮只能控制水平切换的Swiper。
正常状态下鼠标滚动为上下模式,鼠标滚动+键盘shift 键可切换为左右模式。
设置为true后,鼠标上下滚轮只能控制垂直切换的Swiper,鼠标左右滚轮只能控制水平切换的Swiper。
正常状态下鼠标滚动为上下模式,鼠标滚动+键盘shift 键可切换为左右模式。
forceToAxis信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 4.0.0
效果演示
鼠标竖向滚动无法控制横向切换
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
mousewheel: {
forceToAxis: true,
}
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/mousewheel/67.html