为什么 SwiperJS React 的鼠标滚轮功能不起作用？

编程问答 2022-04-23

问题描述

我正在尝试使用整页垂直滚动滑块，当我添加 "mousewheel="true" 时它不起作用，但触摸滑块工作正常。我没有从控制台收到任何错误。为什么鼠标滚轮不起作用没用？提前致谢。

Always do smart step into

我认为可能与 CSS 相关。

import React from "react";
import { Swiper,SwiperSlide } from "swiper/react";
import "swiper/swiper.scss";

const App = () => {
  return (
    <Swiper
      direction="vertical"
      spaceBetween={50}
      slidesPerView={3}
      mousewheel="true"
    >
      <SwiperSlide>
        <div className="slider">Slide 1</div>
      </SwiperSlide>
      <SwiperSlide>
        <div className="slider">Slide 2</div>
      </SwiperSlide>
      <SwiperSlide>
        <div className="slider">Slide 3</div>
      </SwiperSlide>
      <SwiperSlide>
        <div className="slider">Slide 4</div>
      </SwiperSlide>
    </Swiper>
  );
};

export default App;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

reactjsreactjsreactjsreactjsslidersliderswiperjs