如何在Swiper Slider中编辑translate3d

Mis*_*dan 3 css swiper.js

我在页面中使用Swiper Slider,图片如下:

在此输入图像描述

我希望我的页面是这样的:

在此输入图像描述

之后我检查它,我明白我必须编辑的是翻译,

<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(152.5px, 0px, 0px);">
Run Code Online (Sandbox Code Playgroud)

然而,令我惊讶的是,我从未编辑过该部分,但那里有翻译价值。

如何编辑该值以使滑块显示符合预期?

小智 7

var mySwiper = new Swiper('.swiper-container', {
    centeredSlides: false,
});
Run Code Online (Sandbox Code Playgroud)

在你的 Swiper JS 中将 centeredSlides 从 true 更改为 false。