スクロール　上下によって　fixed の開始位置　jsクラス追加　削除を変更

【jQuery】下スクロールで消えて、上スクロールで出てくるグローバルナビゲーションを作る

最終

       <script> 
       
   //スクロール上下で数値変更　fixed
var startPos = 0,winScrollTop = 0;
$(window).on('scroll',function(){
 winScrollTop = $(this).scrollTop();
    if (winScrollTop >= startPos) {//スクロールDOWNなら
        
        
       if($(window).scrollTop() > 20) {
    $('body').addClass('new_fixed');
  } 
        
        
        
    } else {//スクロールUPなら
        
        
   if($(window).scrollTop() < 240) {
    $('body').removeClass('new_fixed');
  }
        
        
    }
    startPos = winScrollTop;
});
    
   </script>   

 

 

参考

https://hirashimatakumi.com/blog/6997.html

$(window).scroll(function () {
  if($(window).scrollTop() > 20) {
    $('#header').addClass('fixed');
  } else {
    $('#header').removeClass('fixed');
  }
});