wordpress：スティッキメニューがスクロールして後で表示されないようにする

Question

フラットテーマ（Cordillera）on my new blog set upを使用しており、ホームページのフルスクリーンバナーをより小さなサイズ（you can see that post and solution in this thread）に調整するのに役立っていました。

解決策は素晴らしいですが、スティッキーメニューがページの上部に当たってすぐに固着していないことに気づいていますが、スクロールするとボード上にジャンプします（ブログセクションについてはジャンプしますクロム）。私は、この問題はバナーのサイズ変更と関係があると仮定していますが、正直言って100％確信しているわけではありません。

審査のためにどのようなコードを引き出すべきか分かりませんが、これはフラットなテーマの最初の使用ですが、誰かが何を探すべきか教えてくれます。

もう一度、ありがとうございました！

Answer 1

スティッキーヘッダーを制御するコードは、コードファイルcodeillera.jsにあります。 コードは変数winHeightあるビューポートの正確高さ、で粘着性のヘッダーを適用します。

var winHeight=$(window).height(); 

カスタム数であるようにwinHeightを設定した場合、それはその時点ででキックします。そのスクリプトのコードは次のとおりです。

//fixed header 
    $(window).scroll(function(){ 
    if($(".top-banner").length){ 
    var winHeight=$(window).height();   
    } 
    else{ 
     var winHeight = 0; 
     } 
    if($("body.admin-bar").length){ 
     if($(window).width() < 765) { 
       stickyTop = 46; 

      } else { 
       stickyTop = 32; 
      } 
    } 
    else{ 
     stickyTop = 0; 
     } 
     $('.sticky-header').css('top',stickyTop); 
        var scrollTop = $(window).scrollTop(); 
       if (scrollTop > winHeight + stickyTop) { 
       if(!$(".top-banner").length){ 
        $('header#header').hide(); 
       } 
        $('.sticky-header').show(); 
        } else { 
         if(!$(".top-banner").length){ 
         $('header#header').show(); 
         } 
         $('.sticky-header').hide(); 
        } 
    });