Swiper 滑块在视口中的幻灯片上处于活动状态 class，当前 class 仅在一个幻灯片上

Question

我正在尝试设置一些 CSS 规则应用于我的滑动器幻灯片，这些幻灯片当前处于活动状态并且在视口中，但滑动器滑块仅适用于 swiper-slide-active class一张幻灯片不是视口中的所有幻灯片。
我想要完成的就像光滑的旋转木马，例如，如果您有 3 张幻灯片处于活动状态并且在视口中，它们将在所有幻灯片上都有 slick-active class 和 slick-current class 在当前活动的。
有什么办法吗？出于某种原因，我不想切换到 Slick 旋转木马，我正在寻找 Swiper 滑块的解决方案。 顺便说一句，我已经将 overflow: visible 设置为 <div class="swiper-container">
这是一个片段： https://jsfiddle.net/3u05thve/

Answer 1

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

watchSlidesVisibility: true

之后可以用swiper-slide-visible控制动画CSSclass.

希望对您有所帮助。