监测鼠标滚轮的上下滚动来实现导航条显示隐藏

$(document).on("mousewheel DOMMouseScroll", function (e) {
    var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox
    s = $(window).scrollTop();
    if(s != 0){
        $('.nav_top').addClass('nav_box');//滚动条样式
    }
    if (delta > 0) {
        // 向上滚
        $('.nav_top').fadeIn(400);//导航条显示
	$('.nav_top').addClass('nav_box');
	if(s == 0){
	    $('.nav_top').removeClass('nav_box');
        }

    } else if (delta < 0) {
         // 向下滚
         $('.nav_top').fadeOut(400);//导航条隐藏
    }
});