スクロールダウンメニューを非表示にします（ただし、50ピクセル後のみ）

Question

ブラウザでスクロールすると、ナビゲーションバーがヘッダーの後ろに消えたり隠れたりします。あなたがスクロールダウンすると、ユーザーがスクロールして特定の数のピクセル（たとえば50ピクセル）をスクロールした後にスクロールして、スッキリしたナビゲーションがわずかなスクロールで隠れるのを避けて、隠れてしまうのではないかと思っていました。

ありがとうございます。

//ナビスクロールテスト

var prev = 0; 
var $window = $(window); 
var nav = $('#belowhead'); 

$window.on('scroll', function(){ 

    var scrollTop = $window.scrollTop(); 
    nav.toggleClass('hidden', scrollTop > prev); 
    prev = scrollTop; 
}); 

Answer 1

あなたはあなたの "window.on（ 'スクロール'）" 関数の中にこれを置くことができます。

if(scrollTop > 50) { 

    nav.addClass('hidden'); 

} else { 

    nav.removeClass('hidden'); 

}