Mouse scroll is not working on this swiper

See original GitHub issue
<swiper ref="mySwiper" class="swiper" :options="swiperOption"> </swiper>


data() {
    return {
      swiperOption: {
        direction: "vertical",
        slidesPerView: 1,
        mousewheel: true
      }
    };
  },

I set as this but when I scroll mouse on this Swiper, scroll is working only once and stop working

Can you update me with this?

Thank you

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:12 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
Ljsxxcommented, Dec 21, 2020

I solved the problem this way

import Vue from 'vue'
// Swiper 6.x
import {Swiper as SwiperClass, Mousewheel} from 'swiper/core';
import getAwesomeSwiper from 'vue-awesome-swiper/dist/exporter';
import 'swiper/swiper-bundle.css';

// Swiper modules
SwiperClass.use([Mousewheel]);
// Global use
Vue.use (getAwesomeSwiper(SwiperClass));

swiper version

    "swiper": "^6.4.1",
    "vue-awesome-swiper": "^4.1.1",
0reactions
vino1994commented, Jul 29, 2020

Has this problem been solved?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Swiper React Mouse-wheel Scrolling and Keyboard Control ...
I am trying to build a vertical mousewheel control swiper in react.js but it is not working? ... Swiper Slider: How to disable...
Read more >
MousewheelOptions | Swiper - v8.4.5
Set to true to force mousewheel swipes to axis. So in horizontal mode mousewheel will work only with horizontal mousewheel scrolling, and only...
Read more >
Swiper Demo 27 Mousewheel Control - StackBlitz
Swiper demo: Mousewheel Control.
Read more >
My swipe gesture is not working. I can't scroll just by swiping
My swipe gesture is not working. I can't scroll just by swiping the mouse pad. · Press Windows key, click on Settings. ·...
Read more >
Use your Chromebook touchpad - Google Support
... speed" or "Mouse speed." Choose type of scrolling: Turn off Reverse (swipe up to move the page up). ... If your touchpad...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found