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

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();
});

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

你可能感兴趣的:(下滚隐藏导航条,上滚显示导航条。)