Как изменить направление вертикального Swiper в Reaction-ID-Swiper (чтобы идти сверху вниз)? - PullRequest
Новая
       14

Как изменить направление вертикального Swiper в Reaction-ID-Swiper (чтобы идти сверху вниз)?

0 голосов
/ 24 апреля 2019

Я устанавливаю два вертикальных ползунка рядом друг с другом в моем проекте реакции. Один из них должен двигаться вверх, а другой вниз.

Я попытался установить reverseDirection: true в настройках одного из ползунков, но это, похоже, не имеет никакого эффекта. Я также пробовал rtl: true, в надежде, что это изменит направление, но это не так. Оба ползунка все еще двигаются снизу вверх.

Это настройки моего swiper (которые должны двигаться вниз): 

const SWIPER_PARAMS = {
  slidesPerView: 3,
  slidesPerGroup: 1,
  loop: true,
  direction: 'vertical',
  autoplay: {
    delay: 1
  },
  speed: 5000,
  disableOnInteraction: false,
  reverseDirection: true,
  spaceBetween: 22,
  rtl: true
};

Пожалуйста, дайте мне знать, если у вас есть идеи, как сделать эту работу.

1 Ответ

0 голосов
/ 05 июня 2019

Это то, что я сделал, я просто перевернул контейнер слайдера, а затем снова перевернул сам слайд: 

  .slider__container {
     transform: rotate(180deg);

     .swiper-slide {
       transform: rotate(180deg);
     }
  }

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

...