$(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);//導航條隱藏
    }
});