最近开发遇到好几次swiper问题,都是在安卓真机上复现,浏览器和ios复现不了的情况。
第一个 在使用vue-awesome-swiper 组件做轮播滑动效果时发现当数据为2条时,滑动轮播图,slideChange在安卓原生浏览器中没有正常触发,设置的高度autoHeight也没有生效,最终排查发现是一个样式引起的,外层设置了padding导致,将padding放置到swiper-slide内部元素上,该问题得到解决。
第二个问题,在安卓真机下发现swiper滑动到最后一页的时候slideChange 也没有触发,通过上面一条经验调整cs后仍然无效,经过排查,搜索发现,设置属性 centeredSlides: true ,问题解决。