如何在 Swiper Slider 中编辑 translate3d答案

【问题标题】：How to edit translate3d in Swiper Slider如何在 Swiper Slider 中编辑 translate3d
【发布时间】：2019-05-24 08:15:01
【问题描述】：

我在我的页面中使用了 Swiper Slider，图片是这样的：

我想要这样的页面：

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

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

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

如何编辑该值以使我的滑块显示符合需要？

【问题讨论】：

标签： css swiper

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您需要调试网站的标题。

我认为这就是问题所在。盒子大小或其他任何东西

【讨论】：

【解决方案3】：

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

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

这足以让 Swiper 以不错的边距重新计算 translate3D。

【讨论】：