Сбросить карусель обратно к первому слайду, когда вы проведете пальцем по нему - с помощью swiper.js - PullRequest
Новая
       9

Сбросить карусель обратно к первому слайду, когда вы проведете пальцем по нему - с помощью swiper.js

0 голосов
/ 20 февраля 2019

Итак, у меня есть сложный макет, который я пытаюсь построить, который включает в себя одну основную карусель, проходящую через ось X, а затем две вспомогательные карусели, идущие по оси Y.Вот скрипка, которая демонстрирует это лучше - https://jsfiddle.net/anvcmpke/ - которую я сделал, используя swiper.js .

Проблема, с которой я сталкиваюсь, заключается в том, что при прокрутке кпервую карусель по оси Y и прокрутите вниз, а затем перейдите ко второй карусели по оси Y, когда вы вернетесь к первой карусели по оси Y, она сохранит свое положение от того места, где вы ее оставили в последний раз.

То, чего я пытаюсь добиться, - это когда вы переходите к первой карусели оси y после посещения второй карусели оси y, я хочу, чтобы первая карусель оси y вернулась к первому слайду.

Думаю, я знаю, как этого добиться, запустив mySwiper.slideTo(index, speed, runCallbacks);, когда вы проводите вдоль оси x, но я не знаю, как это вызвать. Может кто-нибудь направить меня в правильном направлении, чтобыдобиться того, что я после?Я путаю себя из-за всех каруселей, которые пытаюсь контролировать.

1 Ответ

0 голосов
/ 20 февраля 2019

Оказывается, это было довольно простое исправление - 

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