如何禁用垂直鼠标滚轮滑动反应

Question

我正在使用 swiper

我用一些自定义创建了这个

问题是即使我垂直滚动，滑块也会更改幻灯片。
如何使用 CSS 或 JS 和包本身禁用垂直滚动？

这是我的代码

<MySwiper 
    slidesPerView={3}
    direction={"horizontal"}
    freeMode={true}
    
    style={{ overflow: "scroll", position: "relative" }}
    spaceBetween={100}
    mousewheel={true}
    className="mySwiper"
  >
    <SwiperSlide>
      <Slime></Slime>
    </SwiperSlide>
 </MySwiper>

Answer 1

像这样将 forceToAxis:true 添加到 mousewheel

mousewheel={{  
 forceToAxis: true,
}}

这使得滑动器忽略垂直滚动。

如何禁用垂直鼠标滚轮滑动反应

How to disable vertical mouse wheel swiper react

reactjs

swiper