下にスクロールしてナビゲーションバーを非表示にし、上にスクロールしてナビゲーションバーを表示します.
697 ワード
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オプションで、スクロールバーの上部に対するオフセットをピクセル単位で指定します.