JQUERY實現判斷鼠標往上滾往下滾的功能。

在bootstrap中文網上發現一個插件headroom.js，可以實現鼠標下滾導航欄消失，鼠標上滾導航欄出現的效果。

自己用JQUERY寫了一個，通過判斷差值的原理，來判斷鼠標是上滾還是下滾。

<script>
    var scrolltop = new Array();
    var i = 0;
    scrolltop[0] = 0;
    $(document).scroll(function(){
        i++;
        scrolltop[i] = $(document).scrollTop();
        if (scrolltop[i] > scrolltop[i-1]) {
            $("#header").fadeOut()
        }else{
            $("#header").fadeIn()
        };
    })
</script>