我正在尝试设置一些应用于当前处于事件状态且位于视口(viewport)中的滑动幻灯片的 CSS 规则，但滑动 slider 仅适用 swiper-slide-active类为一张幻灯片而不是视口(viewport)中的所有幻灯片。
我想要完成的就像光滑的轮播，例如，如果您有 3 张处于事件状态的幻灯片并且在视口(viewport)中，它们将具有 slick-active所有这些类(class)以及 slick-current当前事件的类(class)。
有什么办法可以做到吗？由于某种原因，我不想切换到 Slick 轮播，我正在寻找 Swiper slider 的解决方案。
对了，我设置了overflow: visible至<div class="swiper-container">
这是一个片段:
https://jsfiddle.net/3u05thve/
最佳答案
更新swiper到最新版本并添加此参数
watchSlidesVisibility: true
之后，您可以使用 swiper-slide-visible CSS 类控制动画。
希望对您有帮助。
关于javascript - 视口(viewport)中幻灯片上的滑动 slider 事件类和仅一张幻灯片上的当前类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60187638/