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'指的是導(dǎo)航條最外層的div的class。
scrollTop()方法返回或設(shè)置匹配元素的滾動條的垂直位置区宇。
scroll top offset指的是滾動條相對與其頂部的偏移娃殖。
如果該方法未設(shè)置參數(shù),則返回以像素計的相對于滾動條頂部的偏移议谷。
語法:$(selector).scrollTop(offset)
參數(shù):offset 可選炉爆,規(guī)定相對滾動條頂部的偏移,以像素計卧晓。