解决pc端横向滚动的容器无法拖动

描述

pc端如果出现横向滚动，没有办法拖动容器内容进行横向滚动，特别是横向滚动条隐藏了的时候。就没有办法做到横向滚动。

移动端默认横向是可以拖动的。

找资料

js 实现pc端鼠标拖动触发横向滚动条的滚动（隐藏的滚动条）_js横向滚动条_草字的博客-CSDN博客

使用 better-scroll 插件实现

使用上面资料的实现发现不太顺滑，不推荐

推荐使用：

react-slick 轮播图 实现起来很简单

垂直滚动

可以监听onWheel滚动事件,在滚动条没有滚动的情况下，监听到滚动，同时可以区分向上滚动，还是向下滚动。

如果是要使用到react的状态数据 推荐react的事件机制，react的事件绑定不会出现 状态不更新的情况(坑)