Активный класс слайдера Swiper на слайдах в области просмотра и текущий класс только на одном - PullRequest
0 голосов
/ 12 февраля 2020

Я пытаюсь установить некоторые правила CSS, применяемые к моим слайдерам swiper, которые в данный момент активны и находятся в области просмотра, но слайдер swiper применяет только класс swiper-slide-active к одному слайду, а не ко всем слайдам в области просмотра .
То, что я хочу сделать sh похоже на гладкую карусель, которая, например, если у вас есть 3 активных слайда и в области просмотра, у них будет класс slick-active на всех из них и класс slick-current на текущем активный.
Есть ли способ сделать это? по какой-то причине я не хочу переключаться на карусель Slick, я ищу решение для слайдера Swiper. Кстати, я установил overflow: visible на <div class="swiper-container">
Вот фрагмент: https://jsfiddle.net/3u05thve/

1 Ответ

1 голос
/ 27 апреля 2020

Обновите swiper до последней версии и добавьте этот параметр

watchSlidesVisibility: true

После этого вы можете управлять анимацией с помощью swiper-slide-visible CSS class.

Надеюсь, это поможет вам.

...