feat(mousewheel): add noMousewheelClass param

nolimits4web · May 15, 2023 · 0fcd210 · 0fcd210
1 parent c9130c3
commit 0fcd210
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/modules/mousewheel/mousewheel.js b/src/modules/mousewheel/mousewheel.js
@@ -15,6 +15,7 @@ export default function Mousewheel({ swiper, extendParams, on, emit }) {
       eventsTarget: 'container',
       thresholdDelta: null,
       thresholdTime: null,
+      noMousewheelClass: 'swiper-no-mousewheel',
     },
   });
 
@@ -178,7 +179,7 @@ export default function Mousewheel({ swiper, extendParams, on, emit }) {
     if (!swiper.enabled) return;
 
     // Ignore event if the target or its parents have the swiper-no-mousewheel class
-    if (event.target.closest(".swiper-no-mousewheel")) return;
+    if (event.target.closest(`.${swiper.params.mousewheel.noMousewheelClass}`)) return;
 
     const params = swiper.params.mousewheel;
 

diff --git a/src/types/modules/mousewheel.d.ts b/src/types/modules/mousewheel.d.ts
@@ -72,4 +72,11 @@ export interface MousewheelOptions {
    * @default null
    */
   thresholdTime?: number | null;
+
+  /**
+   * Scrolling on elements with this class will be ignored
+   *
+   * @default 'swiper-no-mousewheel'
+   */
+  noMousewheelClass?: string;
 }