jquery - 如何检测滚动方向

Question

我想在有人向下滚动某个元素时运行一个函数。像这样的事情:

 $('div').scrollDown(function(){ alert('down') });
 $('div').scrollUp(function(){ alert('up') });

但是这些功能并不存在。这个问题有解决办法吗？ Awwwards似乎能够做到这一点(导航栏中的 Logo 根据滚动方向而变化)。不幸的是，源代码被压缩了，所以运气不好。

Answer 1

我最终找到了答案，所以如果有人正在寻找答案:

 //Firefox
 $('#elem').bind('DOMMouseScroll', function(e){
     if(e.originalEvent.detail > 0) {
         //scroll down
         console.log('Down');
     }else {
         //scroll up
         console.log('Up');
     }

     //prevent page fom scrolling
     return false;
 });

 //IE, Opera, Safari
 $('#elem').bind('mousewheel', function(e){
     if(e.originalEvent.wheelDelta < 0) {
         //scroll down
         console.log('Down');
     }else {
         //scroll up
         console.log('Up');
     }

     //prevent page fom scrolling
     return false;
 });