JS實現讓滾輪控制網頁頭部顯示與隱藏

function scroll(){// 入口方法  這個方法是獲取事件的相容，獲取delta  --表示滾動條走向

        var ele = document.documentElement || document.body;

        var eventType = 'mousewheel';

        // 火狐是DOMMouseScroll事件

        if (document.mozHidden  !== undefined) {

             eventType = 'DOMMouseScroll';

        }

        function getData(event){

            var e = event || window.event;

            //為了相容火狐

            //為了相容火狐

            var delta = e.wheelDelta?e.wheelDelta:e.detail;//wheelDelta 非火狐-120：向下  120：向上   /detail火狐 3：向下  -3 ：向上

            bScrolls(delta);

        }

        myAddEvent(ele,eventType,getData);

    }

function myAddEvent(ele,sEvent,getData){ //這個方法是相容繫結事件/監聽事件

        if(ele.addEventListener && !ele.attachEvent){//非IE

            ele.addEventListener(sEvent,getData);

        }else{//IE

            if(document.attachEvent && !document.addEventListener){ //IE8以下

                ele.attachEvent('on'+sEvent,getData);

            }else{ //IE8以上下

                ele.addEventListener(sEvent,getData);

            }

        }

    }

function bScrolls(delta){//執行操作

        var p = document.documentElement.scrollTop || document.body.scrollTop;//當前滾動條的高度

        if(p > ){//如果滾動條的高度大於你設定的高度，就開始判斷滾動條的走向

            $('.header').addClass('scroll');

            if(delta < - || delta == ){//向下滾動

                $('.header').removeClass('top');

            }

            else if(delta >  || delta == -){//上滾

                $('.header').addClass('top');

            }

        }else{

            $('.header').removeClass('scroll');

        }

    }

function scrolls(){

    var p=,t=;

    var windHeight = $(window).height();

    $(window).scroll(function(){

        p = $(this).scrollTop();
　　　　　if(t<=p){//下滾

            //顯示操作

        }

        else{//上滾

            //隱藏操作

        }

         t = p;

    });

}