mySwiper.setTranslate(translate)
手动设置wrapper的位移。在其他非位移的切换时则表现为相应的效果,例如3D切换时改变的是角度。
translate:必选,位移值(单位px)。
例:swiper宽度为500,设置translate为-250。在默认的effect: slide时,swiper会向左滑动250px,如果设置了切换效果effect: cube,swiper会旋转45度。
Swiper5.1.0后使用mySwiper.translateTo() 来对Wrapper进行动画更为方便。
translate:必选,位移值(单位px)。
例:swiper宽度为500,设置translate为-250。在默认的effect: slide时,swiper会向左滑动250px,如果设置了切换效果effect: cube,swiper会旋转45度。
Swiper5.1.0后使用mySwiper.translateTo() 来对Wrapper进行动画更为方便。
mySwiper.setTranslate(translate)信息
- 启用版本:
- 4.0.0
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper');
$('#btn1').click(function(){
mySwiper.setTransition(1000);//设定过渡的时间
mySwiper.setTranslate(-300);//设定位移,可以为正数
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/methods/117.html