下滚隐藏导航条，上滚显示导航条。

var oTop1 = $(document).scrollTop();
$(window).scroll(function){
    var oTop2 = $(document).scrollTop();
    var st = $(this).scrollTop();
    if(oTop2 > oTop1 && st > 100){
        $('.navbar').css('margin-top','-100px');
    }else{
        $('.navbar').css('margin-top',0);
    }
    oTop1 = $(document).scrollTop();
});

<b>注释：定义和用法</b>
'.navbar'指的是导航条最外层的div的class。
scrollTop()方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset指的是滚动条相对与其顶部的偏移。
如果该方法未设置参数，则返回以像素计的相对于滚动条顶部的偏移。
语法：$(selector).scrollTop(offset)
参数：offset 可选，规定相对滚动条顶部的偏移，以像素计。