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

【问题标题】：How to disable vertical mouse wheel swiper react如何禁用垂直鼠标滚轮滑动器反应
【发布时间】：2021-06-01 15:31:31
【问题描述】：

我正在使用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>

【问题讨论】：

这不会发生在demo 页面上，对吧？你可能在做一些代码魔术吗？ :P
IMO 这种行为也是有意的，只要您将鼠标悬停在轮播上，所以我会将其保留为一项功能（除非您滚动到轮播外时也会发生这种情况）。跨度>

标签： reactjs swiper

【解决方案1】：

像这样将forceToAxis:true 添加到mousewheel

mousewheel={{  
 forceToAxis: true,
}}

这使得 swiper 忽略垂直滚动。

【讨论】：