question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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