滑动通过时将轮播重置为第一张幻灯片-使用swiper.js

Question

因此，我正在尝试构建一个复杂的布局，其中涉及一个横过x轴的主轮播，然后是沿y轴向下的两个子轮播。这是一个小提琴，可以更好地演示它-https://jsfiddle.net/anvcmpke/-我已经使用swiper.js完成了。

我遇到的问题是，当您滚动到第一个y轴转盘并向下滚动然后移至第二个y轴转盘时，当您导航回第一个y轴转盘时，它会保持从上次离开的位置开始。

我想要实现的是在访问第二个y轴转盘后滚动回到第一个y轴转盘时，我希望第一个y轴转盘回到第一张幻灯片。

我想我知道如何通过在沿X轴滑动时运行mySwiper.slideTo(index, speed, runCallbacks);来实现这一目标，但我还不知道该如何触发。有人能指出我正确的方向来实现这一目标我在追求什么？基于所有尝试控制的轮播，我感到困惑。

Answer 1

事实证明，这是一个非常简单的修复程序-

    horizontalSwiper.on('slideChange', function () {
      verticalSwiper.slideTo(0, 1, false);
      verticalSwiper2.slideTo(0, 1, false);
    });