原理：window/document對(duì)象的mousewheel事件

var scrollFunc = function (e) {    
var direct = 0;    
e = e || window.event;    
if (e.wheelDelta) {  
//判斷瀏覽器IE，谷歌滑輪事件        
if (e.wheelDelta > 0) { //當(dāng)滑輪向上滾動(dòng)時(shí)            
console.log("滑輪向上滾動(dòng)");        
}       
 if (e.wheelDelta < 0) { //當(dāng)滑輪向下滾動(dòng)時(shí)           
console.log("滑輪向下滾動(dòng)");        }    
} 
else if (e.detail) {  //Firefox滑輪事件       
 if (e.detail> 0) { //當(dāng)滑輪向上滾動(dòng)時(shí)            
console.log("滑輪向上滾動(dòng)");        }        
if (e.detail< 0) { //當(dāng)滑輪向下滾動(dòng)時(shí)            
console.log("滑輪向下滾動(dòng)");        }   
 }
};
//給頁(yè)面綁定滑輪滾動(dòng)事件if (document.addEventListener) {
    document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滾動(dòng)滑輪觸發(fā)scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;