我正在尝试将一些CSS规则应用于当前处于活动状态且在视口中的滑动幻灯片,但是滑动滑块仅将swiper-slide-active
类应用于一个幻灯片,而不是视口中的所有幻灯片。我要完成的操作就像光滑的轮播,例如,如果您有3张幻灯片处于活动状态,并且在视口中,则所有幻灯片都具有slick-active
类,而当前活动的幻灯片具有slick-current
类。有什么办法吗?由于某些原因,我不想切换到Slick轮播,我正在寻找Swiper滑块的解决方案。顺便说一句,我已经将overflow: visible
设置为<div class="swiper-container">
这是一个片段:https://jsfiddle.net/3u05thve/
将游标更新为最新版本并添加此参数