mouseWheel

Navigate with the mouse wheel or trackpad. A built-in debounce prevents accidental multi-slide skips.

Import

import { mouseWheel } from '@andresclua/sliderkit-plugins'

Usage

new Slider('#el', {
  plugins: [
    mouseWheel({
      forceToAxis: true,
      sensitivity: 1,
      releaseOnEdges: false,
    }),
  ],
})

Options

OptionTypeDefaultDescription
forceToAxisbooleantrueOnly trigger when scroll matches the slider direction.
releaseOnEdgesbooleanfalseRelease scroll propagation at first/last slide.
sensitivitynumber1Multiplier applied to delta to determine direction.

Demo

View mouse wheel demo →