Мобильная адаптация в swiper

571
23 декабря 2019, 02:40

Столкнулся с библиотекой слайдеров swiper, версия Swiper 3.4.1. Проблема следующего плана. Адаптация по умолчанию заданна таким образом: 320px - 1 слайдер, 485px - 2 слайдера. Когда отображаем допустим длинные testimonials, и они длинные - то не очень красиво. Решил выйти из положения следующим решением:

var swiper = new Swiper('.sc_testimonials', {
            slidesPerView: 3,
             spaceBetween: 30,
                breakpointsInverse: true,
                dynamicMainBullets: 6,
                  breakpoints: {
                480: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                     },
                 }
            });

Да, теперь отображение слайдов на расширении 485 1 слайд, но поведение не поменялось. Крутятся слайды в половину. С такой же интенсивностью как их было бы два, в пол слайда в общем. Как можно решить эту проблему?

READ ALSO
Как сделать,чтобы скрипт ждал нового текста?

Как сделать,чтобы скрипт ждал нового текста?

Как сделать,что бы мой скрипт ждал новый текст из кнопки и вводил его в поле,а не брал его в цикле

136
JS Как преобразовать двумерный ассоциативный массив в json? [дубликат]

JS Как преобразовать двумерный ассоциативный массив в json? [дубликат]

У меня есть ассоциативный массив (объект) selectedData При попытках преобразовать его в JSON вот так:

189
jest не видит компоненты библиотеки Vuetify

jest не видит компоненты библиотеки Vuetify

Я новичок в модульном тестирование, для начала решил покрыть все компоненты snapshot тестамиВсе настроил и казалось бы все хорошо, но когда выполняю...

173
Python Django + сокеты на Node.js

Python Django + сокеты на Node.js

Нужно мне значить стало сделать обмен данными в реальном времениСообразить не могу в sockets

165