Vue项目，js实现鼠标滚轮实现横向滚动

 通过监听dom的鼠标滚轮事件，动态调整dom的左滚动距离

const scrollRef = ref()
const onwheel = (e)=> scrollRef.value.scrollLeft += e.deltaY/20 //除20调整每次滚动移动距离，平滑过渡

 div中添加鼠标滚轮事件，div的css设定overflow-x: auto;就可以

<div @mousewheel.prevent="onwheel" ref="scrollRef"></div>

如需设置隐藏滚动条 

::-webkit-scrollbar {

display:none;

}