Вопрос:

Swiperjs не работает правильно (слайдер)

javascript jquery css slider slide

1545 просмотра

1 ответ

205 Репутация автора

Возникли проблемы с настройкой петли для swiper. Проблема в том, что он перестает скользить перед вторым циклом, он всегда останавливает определенную точку. Никогда раньше не работал со swiper, и я не уверен, предназначено ли это или нет? Или, если есть возможность исправить это.

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

https://codepen.io/quality/pen/pdNQPb

var swiper = new Swiper('.swiper-container', {
    scrollbar: '.swiper-scrollbar',
    scrollbarHide: true,
    slidesPerView: 3,
    centeredSlides: true,
    freeMode: true,
    spaceBetween: 30,
    direction: 'vertical',
    slideToClickedSlide: true,
    loop: true
});

Framework я использую: http://idangero.us/swiper/api/

Автор: qua1ity Источник Размещён: 08.11.2017 10:25

Ответы (1)


0 плюса

205 Репутация автора

Решение

Решил это, установив 33% высоты на слайдах с помощью slidesPerView: 'auto'

Автор: qua1ity Размещён: 09.11.2017 03:18
Вопросы из категории :
32x32