Swiper：将自定义幻灯片设置为活动

Question

我正在使用 swiper 显示一年中每个月的滑块。 它从左向右滑动。

我现在想从左侧的本月开始。 如果之前有一个月，则应该在左侧偏移量。

我试图给出.swiper-slide类活动类.swiper-slide-active：

<div class="swiper-slide swiper-slide-active">

但这不起作用。

在文档中，我没有发现在设置中设置一个Acive幻灯片的参数。 有什么办法做到这一点吗？

这是我当前的代码： https://codepen.io/cray_io/cray_code/pen/pen/ Dydrlbp

var swiper = new Swiper(".swiper-months", {
    cssMode: false,
    slidesPerView: 3.5,
    spaceBetween: 16,
    activeIndex: 6,
    mousewheel: {
        forceToAxis: true,
    },
});

ActiveIndex：6也无法正常工作。我不确定这是正确的。

Answer 1

尝试primonslide，ActiveIndex仅用于获取实际的活动索引。但是我认为您shoud使用5 6开始在第六个月开始，因为第一个月以1开始，索引从0开始。

var swiper = new Swiper(".swiper-months", {
    initialSlide: 6,
    cssMode: false,
    slidesPerView: 3.5,
    spaceBetween: 16,
    mousewheel: {
        forceToAxis: true,
    },
});