如何在 react-id-swiper 中改变垂直 Swiper 的方向（从上到下）？

Question

我在我的 React 项目中设置了两个彼此相邻的垂直滑块。其中一个必须向上移动，另一个必须向下移动。

我试过在其中一个滑块的设置中设置 reverseDirection: true，但这似乎没有任何效果。我也试过 rtl: true，希望能改变方向，但没有。两个滑块仍然从下移到上。

到目前为止，这些是我的滑动器的设置（应该向下移动的那个）：

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

如果您有任何想法，请告诉我如何进行这项工作。

Answer 1

这就是我所做的，我只是翻转了滑块容器，然后再次翻转了幻灯片本身：

  .slider__container {
     transform: rotate(180deg);

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

如果还有其他人想知道，这里没有 built-in 选项，但旋转效果也很好，我现在有一个向上移动的滑块，另一个向下移动的滑块。

如何在 react-id-swiper 中改变垂直 Swiper 的方向（从上到下）？

How to change direction of a vertical Swiper in react-id-swiper (to go from up to down)?

swiper

reactjs