mySwiper.translateTo(translate, speed, ...)
对Swiper 的Wrapper 进行自定义的CSS3位移动画。
参数名 | 类型 | 是否必填 | 描述 |
---|---|---|---|
translate | number | 必选 | 位移值(单位像素) |
speed | number | 必选 | 动画持续时间(单位毫秒) |
runCallbacks | boolean | 可选 | 设置为false时不会触发transition回调函数(默认true) |
translateBounds | boolean | 可选 | 设置为false时只能在Swiper的最大和最小位移值内移动(默认true) |
mySwiper.translateTo(translate, speed, ...)信息
- 类型:
- function
- 启用版本:
- 5.1.0
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper')
$('#btn1').click(function(){
mySwiper.translateTo(-2000, 1000, true, false);
})
$('#btn2').click(function(){
mySwiper.translateTo(-2000, 1000, true, true); //不能超出最小最大范围,只能在0和-1600之间动画
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/methods/450.html