鼠标滚轮事件（mousewheel 与 DOMMouseScroll）

FF使用DOMMouseScroll，其他浏览器都是用mousewheel

FF下有个特殊属性event.detail，表示滚动的值

event.detail

正数：向下滚动，负数：向上滚动

滚动一次值3，向上滚动一页值为-32768，向下滚动一页值为+32768，其他值代表滚动的行数, 方向代表了数值的正负号

受信任的事件是不会给detail赋值0

 

其他浏览器，通过event.wheelDelta获取滚动值

正数：向上滚动，负数：向下滚动

滚动一次值120

 

  $(".s-slider").on("mousewheel DOMMouseScroll", function (e) {
                console.log(e);
                var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                    (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox


                if (delta > 0) {
                    // 向上滚
                    console.log("wheelup");
                
                } else if (delta < 0) {
                    // 向下滚
                    console.log("wheeldown");             
                    
                }
            })

　　

转载于:https://www.cnblogs.com/BlingSun/p/9414097.html