Задать вопрос
@leeroyjenkins176

Почему не работают breakpoints в Swiper при ресайзе?

Объясните, почему отключение скроллбара срабатывает только при открытии страницы, но не при ресайзе. Что я делаю не так?
Сейчас уже не вспомню, но ранее замеачал похожую проблему и с другими свойствами.
  • Вопрос задан
  • 419 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Python-разработчик
    10 месяцев
    Далее
  • Skillfactory
    DevOps-инженер
    6 месяцев
    Далее
  • Хекслет
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
Get-Web
@Get-Web
Front-End Developer
Сделайте так:
function init() {
  new Swiper(".swiper", {
    slidesPerView: 2,
    spaceBetween: 30,
    scrollbar: {
      el: ".swiper-scrollbar"
    },
    breakpoints: {
      0: {
        slidesPerView: 2,
        scrollbar: {
          enabled: true
        }
      },
      500: {
        slidesPerView: 3,
        scrollbar: {
          enabled: false
        }
      }
    }
  });
}

setTimeout(init, 1000);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы