Как получить элемент после последнего видимого слайда?

Question

[frontAng]

код ниже получает первый видимый слайд после скрола или клика по кнопкам
А как получить слайд после последнего видимого слайда?

.swiper-slide {
			 &.swiper-slide-prev {
				&:first-child {
					background: red;
				}
			}
		}

Answer 1

[Сергей delphinpro]

Отталкивайтесь от параметров slideFullyVisibleClass или slideVisibleClass (классы по умолчанию swiper-slide-fully-visible и swiper-slide-visible)

Comments

[frontAng]

Сергей delphinpro, это не работает

{
                slidesPerView: 6,
                breakpoints: {
                    1440: {
                        spaceBetween: 30,
                        slidesPerView: 6
                    },
                   0: {
                        slidesPerView: 4,
                        spaceBetween: 22
                    },
                },
                observer: true,
                observeParents: true,
                resizeObserver: true,
                slideVisibleClass: 'swiper-slide-visible',
                slideFullyVisibleClass: 'swiper-slide-fully-visible',
            });

[frontAng]

Сергей delphinpro использую Swiper 11.2.1

[Сергей delphinpro]

frontAng, я имел ввиду что-то такое

.swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible { /* первый видимый */}
.swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) { /* последний видимый */ }

[frontAng]

Сергей delphinpro, https://jsbin.com/wecizewigo/1/edit?html,css,output