Reactjs 如何禁用垂直鼠标滚轮滑动器

我正在使用

我做了一些定制

问题是，即使我垂直滚动，滑块也会改变幻灯片。
如何使用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>

---

添加

forceToAxis:true

到

鼠标滚轮

如下

mousewheel={{  
 forceToAxis: true,
}}

---

这使得swiper忽略垂直滚动。

这不会发生在页面上，对吗？你可能在做一些代码魔法吗PAlso IMO这种行为是有意的，只要您在旋转木马上悬停，所以我会将其作为一项功能保留（除非在旋转木马外滚动时也会发生这种情况）。