swiper mousewheel 用法

Swiper 是一个流行的轮播插件，它支持鼠标滚轮控制。使用鼠标滚轮控制 Swiper 轮播的方法如下：

1. 在 Swiper 的初始化配置中启用 mousewheel 控制：

var mySwiper = new Swiper('.swiper-container', {
  // 启用鼠标滚轮控制
  mousewheel: true,
  // 设置鼠标滚轮控制的灵敏度
  mousewheel: {
    sensitivity: 1,
  },
  // 其他配置项...
});

2. 在 HTML 中添加额外的样式和结构：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div>
  </div>
</div>

3. 在 CSS 中设置样式：

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}

这样就可以通过鼠标滚轮控制 Swiper 轮播了。当鼠标滚轮向上滚动时，Swiper 向前滚动一个 slide；当鼠标滚轮向下滚动时，Swiper 向后滚动一个 slide。