JS監聽頁面上下滾動

  //網頁效果部分

   var scrollFunc = function (e) { 
    e = e || window.event; 
    if (e.wheelDelta) { //第一步：先判斷瀏覽器IE，谷歌滑輪事件    
     if (e.wheelDelta > 0) { //當滑輪向上滾動時 
      console.log("滑輪向上滾動"); 
     } 
     if (e.wheelDelta < 0) { //當滑輪向下滾動時 
      console.log("滑輪向下滾動"); 
     } 
    } else if (e.detail) { //Firefox滑輪事件 
     if (e.detail> 0) { //當滑輪向上滾動時 
      console.log("滑輪向上滾動"); 
     } 
     if (e.detail< 0) { //當滑輪向下滾動時 
      console.log("滑輪向下滾動"); 
     } 
    } 
   }
   //給頁面綁定滑輪滾動事件 
   if (document.addEventListener) {//firefox 
    document.addEventListener('DOMMouseScroll', scrollFunc, false); 
   } 
   //滾動滑輪觸發scrollFunc方法 //ie 谷歌 
   window.onmousewheel = document.onmousewheel = scrollFunc;