Прокрутка в вертикальном idangero.us swiper для моб.

Итак, у меня есть типичный вертикальный свайпер, очень хорошо работающий в моем мобильном клиенте.

Все идет по плану, если только контент не больше экрана. Тогда пользователь не сможет прокрутить до конца содержимого, потому что слайд изменится.

var swiper = new Swiper('.swiper-container', {
direction: 'vertical',
pagination: {
    el: '.swiper-pagination'
},
scrollbar: {
    el: '.swiper-scrollbar'
},
spaceBetween: 20
});

И мой CSS:

.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
height: auto;
}

Я пробовал кучу вещей, в том числе: css overflow, slidesPerView, touchReleaseOnEdges и freeMode с помощью freeModeSticky.

Единственное, что почти сработало, это touchReleaseOnEdges, но его нельзя назвать пригодным для использования.

Мне по сути нужен это плюс это.

можно добавить кнопку закрытия, чтобы закрыть слайдер?

Carol McKay 31.10.2018 12:27

Не уверен, что понимаю, о чем вы спрашиваете, посмотрите отредактированный вопрос;)

SouLSLayeR 31.10.2018 12:55

Можете ли вы добавить значок, который при нажатии добавит класс .closed с помощью javascript в .swiper-container, чтобы затем у вас был доступ к div под ним в dom с текстом в нем. таким образом: .swiper-container.closed {height: 0; }

Carol McKay 31.10.2018 14:05

Ах, спасибо за разъяснения. Нет, мне не нужны кнопки. Если бы мне разрешили добавлять кнопки, я мог бы полностью пропустить использование жеста смахивания и перемещаться по слайдам с их помощью, облегчая себе жизнь!

SouLSLayeR 31.10.2018 14:09

вставить текст как дополнительный слайд вместо изображения? Как и в случае с «Слайдом 1».

Carol McKay 31.10.2018 14:25
0
5
600
0

Другие вопросы по теме