其实就是ajax加载的问题呀,看了很多,终于自己总结出来了 ,让页面的HTML先加载,再去加载swiper
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
});
$(".swiper-wrapper").css('transform','translate3d(0px, 0px, 0px)'); //从一开始的位置问题
},1)