下にスクロールしてナビゲーションバーを非表示にし、上にスクロールしてナビゲーションバーを表示します.

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オプションで、スクロールバーの上部に対するオフセットをピクセル単位で指定します.