标签：mousewheel

vue 横向滚动组件

最近遇到这么一个需求，就是内容一行显示，滚轮滚动的时候，进行横向滚动。本来想尝试下css能不能做到，最后发现，即便改变了流的布局，并不能改变滚动条的方向，最后还是只能用js做了。滚动兼容性滚轮只存在pc的时候，所以触摸事件是不考虑的，触摸的话可以直接用better-scroll插件。滚动事件需要兼容火狐和谷歌：火狐滚动事件：DOMMouseScroll谷歌滚动事件：mousewheel其中DOMMouseScroll的event对象，他有一个detail字段，向下滚动是3，往上滚动是-3mousewheel的event对象是deltaY，往下滚动是125，往上是-125，具体数值记不清了...