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"); } })