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 可选,规定相对滚动条顶部的偏移,以像素计。