私のヘッダーが元の位置に戻っていないのはなぜですか？

Question

私のスティッキーヘッダーに問題があります。 see here、上から80ピクセルスクロールすると、ヘッダーにクラスのスティッキーヘッダーが追加されます。スクロールして元の位置に戻ると、元の位置に戻ります。

クライアントが復帰しているようですそれが働かないと言いました。

スクロールダウンしてからバックアップすると、トップヘッダーが無視されるようです。

私が持っている唯一のJSコード。

$(window).resize(addremoveclass()); 
$(window).scroll(addremoveclass()); 

function addremoveclass() { 
    if ($(window).width() < 1200) { 
     if($(this).scrollTop() >= 70) { // this refers to window 
      console.log("You've scrolled 80 pixels."); 
      $('#pageTemplate').addClass('stickypadding'); 
      $('header#header.header-sticky-mobile').css('top', '0px'); 
      $('header#header').addClass('header-sticky-mobile'); 
     } else if($(this).scrollTop() <= 69){ 
      $('#pageTemplate').removeClass('stickypadding'); 
      $('header#header').removeClass('header-sticky-mobile'); 
      $('header#header.header-sticky-mobile').css('top', '80px'); 
     } 
    } else { 
     if($(this).scrollTop() >= 70) { // this refers to window 
      console.log("You've scrolled 80 pixels."); 
      $('#pageTemplate').addClass('stickypadding'); 
      $('header#header.header-sticky-mobile').css('top', '0px'); 
      $('header#header').addClass('header-sticky-mobile'); 
     } else if($(this).scrollTop() <= 69){ 
      $('#pageTemplate').removeClass('stickypadding'); 
      $('header#header').removeClass('header-sticky-mobile'); 
      $('header#header.header-sticky-mobile').css('top', '80px'); 
     } 

    } 
} 

ご協力いただければ幸いです。

Answer 1

ページの途中で更新したときに起こったことです。

最初のものとして準備ができて、ドキュメントに$(this).scrollTop(0);を追加しますよう

：私は知っている

$(document).ready(function(){ 
    $(this).scrollTop(0); 

    //..... 

});