Javascript 视口中幻灯片上的滑动滑块活动类和当前类仅一个

我正在尝试设置一些应用于当前处于活动状态且在视口中的swiper幻灯片的CSS规则，但swiper slider仅将swiper slide活动类应用于一张幻灯片，而不是视口中的所有幻灯片。 我想要完成的是像滑动转盘，例如，如果有3张幻灯片处于活动状态，并且在视口中，所有幻灯片上都有滑动活动类，当前活动类上有滑动当前类。 有什么办法吗？出于某种原因，我不想切换到光滑的旋转木马，我正在寻找一个解决方案，为滑水滑块。 顺便说一下，我已经设置了溢出：对 下面是一个片段：

---

将刷卡器更新为最新版本并添加此参数

watchSlidesVisibility: true

之后，可以使用swiper slide visible CSS类控制动画

---

希望对您有所帮助。

将刷卡器更新到最新版本并添加此参数

watchSlidesVisibility: true

之后，可以使用swiper slide visible CSS类控制动画

---

希望它对您有所帮助。

请创建一个工作代码段。通过swiper API swiper slide active无法解决此问题-当前活动幻灯片的CSS类名。添加您想要获得的结果的屏幕截图示例。请创建一个工作代码段。无法通过swiper API swiper slide active解决此问题-当前活动幻灯片的CSS类名。添加一个你想要得到的结果的屏幕截图示例。幻灯片是否必须完全可见才能让类swiper幻灯片可见？只有在幻灯片完全可见的情况下才应设置该类。幻灯片是否必须完全可见才能使该类swiper幻灯片可见？只有在幻灯片完全可见的情况下才能设置该类。