mySwiper.progress
获取Swiper的progress值。
对于swiper的progress属性,活动的slide在最左(上)边时为0,活动的slide在最右(下)边时为1,其他情况平分。例:有6个slide,当活动的是第三个时swiper的progress属性是0.4,当活动的是第五个时swiper的progress属性是0.8。
如果想通过progress来控制swiper的切换,可以配合swiper.setTranslate()方法,该方法需要将progress乘以swiper的(总)宽度
-progress*swiper.width*(swiper.slides.length-1)
对于swiper的progress属性,活动的slide在最左(上)边时为0,活动的slide在最右(下)边时为1,其他情况平分。例:有6个slide,当活动的是第三个时swiper的progress属性是0.4,当活动的是第五个时swiper的progress属性是0.8。
如果想通过progress来控制swiper的切换,可以配合swiper.setTranslate()方法,该方法需要将progress乘以swiper的(总)宽度
-progress*swiper.width*(swiper.slides.length-1)
mySwiper.progress信息
- 启用版本:
- 4.0.0
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper',{
})
$('#btn1').click(function(){
alert(mySwiper.progress);
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/properties/246.html