vue 鼠标滚动事件 滚动方向

 @wheel.prevent="scrollBarWheel"

 

scrollBarWheel(e) {
                if (this.synchronizationVar === 1) {
                    e = e || window.event;
                    if (e.wheelDelta) {  //判断浏览器IE,谷歌滑轮事件
                        if (e.wheelDelta > 0) { //当滑轮向上滚动时
                            console.log('向上滚动')
                        }
                        if (e.wheelDelta < 0) {
                            console.log('向下滚动')
                        }
                    } else if (e.detail) {  //Firefox滑轮事件
                        if (e.detail > 0) { //当滑轮向上滚动时
                            console.log('向上滚动')
                        }
                        if (e.detail < 0) {
                            console.log('向下滚动')
                        }
                    }
                }
            },

 

你可能感兴趣的:(js,vue)