Непрерывно прокручиваемая вертикальная / горизонтальная вложенная структура с SwiperJS - PullRequest
Новая
       128

Непрерывно прокручиваемая вертикальная / горизонтальная вложенная структура с SwiperJS

0 голосов
/ 14 июля 2020

Лучше всего объясняется с помощью демонстрации .

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

Возможно ли такое поведение с помощью Swiper JS? 

const swiperV = new Swiper('.swiper-v', {
  direction: 'vertical',
  slidesPerView: 1,
  mousewheel: true
})

const swiperH = new Swiper('.swiper-h', {
  direction: 'horizontal',
  slidesPerView: 1,
  mousewheel: true,
  nested: true
})
...