首页 > 代码库 > Swiper.js使用遇到的问题总结onSlideChangeEnd回调偶尔触发,偶尔不触发等;
Swiper.js使用遇到的问题总结onSlideChangeEnd回调偶尔触发,偶尔不触发等;
Swiper 是一个开源免费的移动触摸插件。
在使用中遇到这样一个问题,记录一下。
page 间切换效果 使用 fade 的时候,如果每个页面的大小不一样, 比如第一个页面全屏, 第二个页面比第一个小, 那么切换到第二页的时候, 第一页的内容还可以看到。
还有,使用 fade
过度方法,onSlideChangeEnd
回调偶尔触发,偶尔不触发。 因此使用 onTransitionEnd;
解决方案:
- 添加 fade:{crossFade:true}
- 切换之后效果, 使用 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("页面跳转到第:", swiper.activeIndex, " 页") } })
Swiper.js使用遇到的问题总结onSlideChangeEnd回调偶尔触发,偶尔不触发等;
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。