Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.07.2019, 11:28
Интересующийся
Отправить личное сообщение для CORONER Посмотреть профиль Найти все сообщения от CORONER
 
Регистрация: 27.02.2018
Сообщений: 22

Swiper - отключение свайпа на десктопе
Доброго времени суток, на демо сайте установлен swiper-slider.
Проблема в том, что не могу понять, как инциализировать функцию отключения передвижения слайдера посредством жестов (свайп, скролл), только лишь на десктопах.
Насколько мне известно - это функция mySwiper.allowTouchMove.

Демо сайт: тык
Либо подскажите в чем причина бага при свайпе на десктопе: слайды перетаскиваются некорректно, пагинация не изменяется в общем то.
Инициализирую слайдер вот так.
<script>
    var swiper = new Swiper('.slider2', {
         slidesPerView:4,
     
         spaceBetween: 30,
      loop: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    
       grabCursor:true,
      centeredSlides: false,
       
      autoplay: {
        delay: 6500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
         // Responsive breakpoints
  breakpoints: {
    // when window width is <= 768px
    1100: {
      slidesPerView: 1,
      spaceBetween: 60,
        autoplay:false,
    }
  
       }
    });
      

  </script>


Спасибо за внимание!
Ответить с цитированием
  #2 (permalink)  
Старый 21.07.2019, 12:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

CORONER,
попробуйте указывать пагинацию относительно слайдера, примерно так ".slider2 .swiper..."
Ответить с цитированием
  #3 (permalink)  
Старый 23.07.2019, 08:06
Интересующийся
Отправить личное сообщение для CORONER Посмотреть профиль Найти все сообщения от CORONER
 
Регистрация: 27.02.2018
Сообщений: 22

рони,
спасибо огромное!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск