transitionStart(swiper)
回调函数,过渡开始时触发。可选Swiper实例作为参数。
Swiper运作原理
Swiper常用运作方式有两种:手动触摸切换或者导航切换(前进后退按钮,键盘控制,分页器,内置方法slideTo等)
1. 手动触摸切换拖动阶段Swiper根据手势位置实时设定wrapper的位移(setTranslate),释放拖动时Swiper会设定一次wrapper自由过渡(setTranslate、setTransition、transitionStart、slideChangeTransitionStart)。速度为speed直到过渡结束(transitionEnd、slideChangeTransitionEnd)。
2. 导航切换可参考手动触摸释放阶段
Swiper运作原理
Swiper常用运作方式有两种:手动触摸切换或者导航切换(前进后退按钮,键盘控制,分页器,内置方法slideTo等)
1. 手动触摸切换拖动阶段Swiper根据手势位置实时设定wrapper的位移(setTranslate),释放拖动时Swiper会设定一次wrapper自由过渡(setTranslate、setTransition、transitionStart、slideChangeTransitionStart)。速度为speed直到过渡结束(transitionEnd、slideChangeTransitionEnd)。
2. 导航切换可参考手动触摸释放阶段
transitionStart(swiper)信息
- 启用版本:
- 4.0.0
效果演示
应用实例:切换前消失
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
on:{
transitionStart: function(swiper){
...
},
},
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/event/221.html