How to enable the disabled scroll on mobile devices?

Need to add the below-mentioned code in the script:

allowTouchMove: true

Script Example:

<script>
var quoteSwiper = new Swiper('.quote-slider', {
  direction: "vertical",
  effect: "slide",
  //autoHeight: true,
  loop: false, // Not recommended to enable!!!
  allowTouchMove: true,
   mousewheel: true,
  slidesPerView: 1,
  slidesPerScroll: 5,
});


var $Speed = 1000;

var imageSwiper = new Swiper('.image-slider', {
  mousewheel: false,
  speed: $Speed,
  loop: false, // Not recommended to enable!!!
  longSwipesRatio: 0.01,
  followFinger: false,
  grabCursor: true, 
  watchSlidesProgress: true,
  parallax: true,
  
  lazy: {
    loadPrevNext: true,
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  }
});

quoteSwiper.controller.control = this.imageSwiper;


</script>

Leave a comment

Your email address will not be published. Required fields are marked *