动态加载swiper,默认显示最后一个swiper-slide

其实就是ajax加载的问题呀,看了不少,终于本身总结出来了  ,让页面的HTML先加载,再去加载swipercss

setTimeout(() => {
var swiper = new Swiper('.swiper-container', {
initialSlide :0,   //让开始第一个,官网文档有
direction : 'vertical',
slidesPerView: 4,
navigation: {
nextEl: ' .swiper-button-next',
prevEl: '.swiper-button-prev',
},
observer:true,
observeParents:true
});ajax

$(".swiper-wrapper").css('transform','translate3d(0px, 0px, 0px)');   //从一开始的位置问题
},1)app

相关文章
相关标签/搜索