有什么办法可以让Swiper slide 垂直移动延迟时间？

Question

我正在尝试使用 Swiper.js 制作幻灯片，并且我正在尝试在单击导航按钮时放一些动画。因此，当我单击导航按钮时，一些动画适用于当前幻灯片，并且在动画完成后，我希望它移动到下一张或上一张幻灯片。我查找了 Swiper API，但在那里找不到答案，而且由于幻灯片应该垂直移动，因此实现起来似乎更加困难。有没有办法让 Swiper Slide 像这样工作？非常感谢。

Answer 1

要垂直移动滑块，您可以在滑动器 init 选项中指定 direction: "vertical"。

var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    direction: 'vertical',
    loop: true,

    // If we need pagination
    pagination: {
      el: '.swiper-pagination',
    },

    // Navigation arrows
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

    // And if we need scrollbar
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })

要创建自定义转换，以下 link 可能会有所帮助。

https://medium.com/@arnost/creating-custom-slide-transitions-in-swiper-js-also-with-gsap-ac71f9badf53

有什么办法可以让Swiper slide 垂直移动延迟时间？

Is there any way to make Swiper slide move with delay time vertically?

javascript

animation

slide

swiper