Блог

Мне приходится работать с swiper, чтобы реализовать два ползунка для управления друг другом с пользовательской реализацией пользовательского интерфейса.

белый фон-это первый слайдер, а изображения-другой. на последнем слайде он сохраняет свое местоположение с правой стороны браузера, в то время как мне нужно переместиться влево.

что я пробовал: я добавил пустой тег слайда swiper, чтобы сдвинуть последний слева, и это вызывает проблему на мобильном телефоне, также добавление loop true вызывает странное поведение и переходит ко второму элементу во втором раунде!

первый свайпер:

 lt;swiper loop={true}  slidesPerView={mobile ? 'auto' : 1}  spaceBetween={mobile ? 20 : 0}  pagination={{ type: 'fraction', }}  navigation={true} modules={[Controller]}  onSwiper={setFirstSwiper}  controller={{ control: secondSwiper }}  className="mySwiper" gt;  

второй свайпер:

 lt;swiper loop={true}  slidesPerView={mobile ? 'auto' : 2}  spaceBetween={mobile ? 20 : 40}  modules={[Controller]}  onSwiper={setSecondSwiper}  controller={{ control: firstSwiper }}  lazy={true} gt;  

о чем я думаю, чтобы управлять свойством swiper-wrapper translated3d, когда это последний элемент слайдера

какая-нибудь помощь ?