如何在Swiper JS中只为中间幻灯片启用中心幻灯片？

Question

使用 Swiper JS 作为滑块，并希望仅对中间幻灯片启用中心幻灯片，而不是对第一张和最后一张幻灯片启用中心幻灯片。有没有一种简单且可配置的方法来指定下面居中幻灯片的索引？

 var swiper = new Swiper('.my-swiper-section', {
    slidesPerView: auto,
    spaceBetween: 1
  });

我想出了以下方法，但它现在 100% 正确运行：

 swiper.on('slideChangeTransitionStart', function () {
      if (swiper.isBeginning || swiper.isEnd) {
           swiper.params.centeredSlides = false;
      }
      else {
           swiper.params.centeredSlides = true;
      }
      swiper.update();
 });

Answer 1

刚刚找到真正的解决方案！

您需要向 Swiper 添加 2 个参数。

{
   centeredSlides: true,
   centeredSlidesBounds: true
}

希望它能帮助将来的人！

Answer 2

我认为解决方案是添加参数“initialSlide”。示例：

 var swiper = new Swiper('.my-swiper-section', {
    slidesPerView: auto,
    spaceBetween: 1,
    initialSlide: 3,
  });

Answer 3

我解决了这个问题

.swiper-slide{
     display:flex;
      justify-content:center}