您好,欢迎来到华佗健康网。
搜索
您的当前位置:首页Swiper.js使用遇到的问题总结onSlideChangeEnd回调偶尔触发,偶尔不触发等;

Swiper.js使用遇到的问题总结onSlideChangeEnd回调偶尔触发,偶尔不触发等;

来源:华佗健康网
Swiper.js使⽤遇到的问题总结onSlideChangeEnd回调偶尔触

发,偶尔不触发等;

是⼀个开源免费的移动触摸插件。在使⽤中遇到这样⼀个问题,记录⼀下。page 间切换效果 使⽤ fade 的时候,如果每个页⾯的⼤⼩不⼀样, ⽐如第⼀个页⾯全屏, 第⼆个页⾯⽐第⼀个⼩, 那么切换到第⼆页的时候, 第⼀页的内容还可以看到。还有,使⽤ fade 过度⽅法,onSlideChangeEnd 回调偶尔触发,偶尔不触发。 因此使⽤ onTransitionEnd; 解决⽅案:1. 添加 fade:{crossFade:true}2. 切换之后效果, 使⽤ onSlideChangeEnd(page切换后触发) 会偶尔不触发, 请使⽤ onTransitionEnd(过度效果结束触发) var mySwiper = new Swiper('.swiper-container',{  pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', effect: 'fade',// tips fade: { crossFade: true, }, onTransitionEnd: function (swiper) { console.info(\"页⾯跳转到第:\页\") } })  

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo0.com 版权所有 湘ICP备2023021991号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务