@anmkh

Как скроллить внутри блока слайды swiper?

Есть блок со слайдерером Swiper. Сейчас стоит скролл колесиком мыши по пунктам и видео внутри. Но проблема что надо навести мышкой на этот блок, чтобы скролл происходил. Как сделать так чтобы слайды прокручивались принудительно даже если потянуть за скроллбар?
64ca5fa1d9823730195909.png

// Инициализация слайдера с видео
const sliderThumbs = new Swiper(".benefits__section_video_inner .swiper-container", {
    // ищем слайдер превью по селектору
    // задаем параметры
    direction: "vertical", // вертикальная прокрутка
    slidesPerView: 1, // показывать по 3 превью
    spaceBetween: 24, // расстояние между слайдами
    mousewheel: {
      releaseOnEdges: true,
    },
    
  });
  // Инициализация слайдера с контентом
  const sliderImages = new Swiper(".benefits__section_inner .swiper-container", {
    // ищем слайдер превью по селектору
    // задаем параметры
    direction: "vertical", // вертикальная прокрутка
    slidesPerView: 2, // показывать по 2 изображению
    mousewheel: {
        releaseOnEdges: true,
      },
    grabCursor: true, // менять иконку курсора
    // thumbs: {
    //   // указываем на превью слайдер
    //   swiper: sliderThumbs // указываем имя превью слайдера
    // },
  });
  sliderImages.controller.control = sliderThumbs;
  sliderThumbs.controller.control = sliderImages;
  • Вопрос задан
  • 355 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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