js 判断鼠标滚轮方向

最近因为公司项目的要求，需要做页面的全屏滚动切换效果。

页面的切换，需要脚本监听鼠标滑轮的滚动事件，来判断页面是向上切换or向下切换.

这里的脚本很简单，我就直接贴出来吧。

$('html').on('mousewheel DOMMouseScroll', function (e) {
                e.preventDefault();
                var t = new Date().getTime();
                //防止鼠标滚动太快
                if (t - Const.scrollTime < 1400) {
                    return !1;
                }
                Const.scrollTime = t;

                //鼠标滚轮的滚动方向 >0 up;<0 down
                var _delta = parseInt(e.originalEvent.wheelDelta || -e.originalEvent.detail);
                if (_delta > 0) {
                    //Scroll.up();
                } else {
                   Scroll.down();
                }
            });

这里需要注意的一点就是e.originalEvent。

如果使用jQuery来进行事件绑定，在事件回调的参数中e是被jQuery重新封装的，所以我们必须使用e.originalEvent来指向原始的事件对象，就是这样任性。