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