Swiper JS 仅中心活动幻灯片

问题描述 投票:0回答:1

我有一个滑块,每个视图显示多张幻灯片。 我想每个视图显示 1.5 张幻灯片。 当我这样做时,活动幻灯片左对齐。 如果我添加参数 centeredSlides 那么我的所有幻灯片都在中心。

我想要实现的是: 第一张幻灯片左对齐。 第二张幻灯片(活动时)居中对齐。 最后一张幻灯片右对齐。

这可以用 Swiper 实现吗?或者有人知道我可以用任何其他滑块实现此目的吗? 我更喜欢使用 jQuery 的滑块。

示例:

shopify swiper.js
1个回答
0
投票

你尝试过

centeredSlidesBounds: true
吗?

根据 Swiper 的文档,这似乎实现了您正在寻找的东西:

如果为 true,则活动幻灯片将居中,而不在边缘添加间隙 滑块的开始和结束。必需的 centeredSlides:true。不是 旨在与循环或分页一起使用

© www.soinside.com 2019 - 2024. All rights reserved.