小编Ezr*_*ton的帖子

当我设置

loop: true,
scrollbar: { el: '.swiper-scrollbar' },
centeredSlides:true

作为 Swiper JS 的选项，滚动条远离左侧。

我期望的行为是滚动条在第一张幻灯片上完全位于左侧位置，在最后一张幻灯片上完全位于右侧位置。

演示

loop: true,
scrollbar: { el: '.swiper-scrollbar' },
centeredSlides:true

var swiper = new Swiper(".swiper-container", {
  slidesPerView:5,
  centeredSlides:true,
  loop:true,
  scrollbar: {
    el: ".swiper-scrollbar",
  }
});

难道我做错了什么？

• https://codepen.io/pen/rNeGKrB

我有一个包含 6 个或更多 v-card 的页面。

有没有办法像拼图一样适合它们？我想删除第一行和第二行小 v-card 之间的空白。

现在是这样的：