jquery 兼容的滚轮事件

Posted 笑嘻嘻的小银

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 兼容的滚轮事件相关的知识,希望对你有一定的参考价值。

 1 // jquery 兼容的滚轮事件
 2                 $(document).on("mousewheel DOMMouseScroll", function (e) {
 3                     var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
 4                         (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox
 5                     if (delta > 0) {
 6                         // 向上滚
 7                         console.log("wheelup");
 8                     } else if (delta < 0) {
 9                         // 向下滚
10                         console.log("wheeldown");
11                     }
12                 });

 

以上是关于jquery 兼容的滚轮事件的主要内容,如果未能解决你的问题,请参考以下文章

jQuery整屏滚动

求大神指点jquery鼠标滚轮事件的使用方法,小白(html)一枚,求赐教

jQuery中有鼠标滚轮事件么?

jquery监听鼠标滚轮(滚动)事件

jQuery的自定义事件——滚轮

鼠标滚轮事件---兼容