Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Swiper - отключение свайпа на десктопе (https://javascript.ru/forum/css-html/78062-swiper-otklyuchenie-svajjpa-na-desktope.html)

CORONER 21.07.2019 11:28

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>


Спасибо за внимание!

рони 21.07.2019 12:05

CORONER,
попробуйте указывать пагинацию относительно слайдера, примерно так ".slider2 .swiper..."

CORONER 23.07.2019 08:06

рони,
спасибо огромное!


Часовой пояс GMT +3, время: 04:46.