通过原⽣js实现⿏标滚轮控制滚动条
⿏标滚轮控制内容滚动
在横向滚动的基础上⼜封装了竖直⽅向滚动，有需要的⽹友可以参考我所封装的功能，希望对⼤家有帮助
思路是通过监听⿏标滚动事件控制DOM元素移动，可以查DOM元素的相关clientWidth、clientHeight、scrollWidth、scrollHeight的相关含义进⾏理解
⼀、⿏标滚轮控制内容横向滚动
⼆、⿏标滚轮控制内容竖直⽅向滚动
三、使⽤⽅法
以Y坐标为例
import { WheelDirectY } from "../WheelDirectY.js";//在⽂件中引⼊封装好的JS⽂件const ElementById('ID');html横向滚动条样式
new WheelDirectiveY(Ele);//此处是获取你需要进⾏滚动的内容的DOM也就是容器
//实例化这个类将获取到的DOM元素当做参数传⼊
说明
class中的el就是⽤来接收实例化时传⼊的DOM元素的

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。