js監聽網頁頁面滑動滾動事件，實現導航欄自動顯示或隱藏

/**
 * 頁面滑動滾動事件
 * @param e
 */
//0為隱藏，1為顯示
var s = 1;

function scrollFunc(e) {
    // e存在就用e不存在就用windon.event
    e = e || window.event;
// 先判斷是什么瀏覽器
    if (e.wheelDelta) {
        // 瀏覽器IE，谷歌
        if (e.wheelDelta > 0) {
//當滑輪向上滾動時
//             console.log("滑輪向上滾動");
            if (s == 0) {
                //向下滑動
                $(".div2").slideDown("slow");
                s = 1;
            }
        }
        if (e.wheelDelta < 0) {
//當滑輪向下滾動時
//             console.log("滑輪向下滾動");
            if (s == 1) {
                //向上滑動
                $(".div2").slideUp("slow");
                s = 0;
            }
        }
    } else if (e.detail) {
        //瀏覽器Firefox
        if (e.detail > 0) {
//當滑輪向上滾動時
//             console.log("滑輪向上滾動");
            if (s == 0) {
                //向下滑動
                $(".div2").slideDown("slow");
                s = 1;
            }
        }
        if (e.detail < 0) {
            //當滑輪向下滾動時
            // console.log("滑輪向下滾動");
            if (s == 1) {
                //向上滑動
                $(".div2").slideUp("slow");
                s = 0;
            }
        }
    }
}

//給頁面綁定滑輪滾動事件
if (document.addEventListener) {
    //firefox瀏覽器
    document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//ie 谷歌瀏覽器
window.onmousewheel = document.onmousewheel = scrollFunc;