如何在Swiper Slider中编辑translate3d

Question

我在页面中使用Swiper Slider，图片如下：

我想要这样的页面：

在检查之后，我知道我需要编辑的是翻译，

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

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

如何编辑值以使滑块显示符合要求？

Answer 1

您需要调试网站的标题。

我认为这是问题所在。 框大小或其他内容

Answer 2

var mySwiper = new Swiper('.swiper-container', {
    centeredSlides: false,
});

在您的Swiper JS上将centerSlides从true更改为false。

Answer 3

我认为您本身无法编辑translation3D，但是我能够通过在最后一个Swiper幻灯片元素上添加边距来解决我的问题。

.swiper-wrapper li:last-of-type{
    margin-right: 20px;
}

这足以使Swiper以不错的幅度重新计算translate3D。