Question

我使用的是平面主题（Cordillera）on my new blog set up，并帮助将主页全屏横幅调整为较小的尺寸（you can see that post and solution in this thread）。

解决方案效果很好，但我现在注意到粘性菜单一旦碰到页面顶部就不会粘在一起，但是在向下滚动时会跳到板上（在Chrome上点击关于博客部分的跳转））。我假设这个问题与横幅调整大小有关，但说实话，我并不是100％肯定。

我不确定要检查哪些代码，这是我第一次使用平面主题，但如果有人告诉我该寻找什么，可以。

再次感谢您的帮助！

Answer 1

控制粘性标头的代码位于脚本文件cordillera.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();
                   }   
    });

wordpress：粘滞的菜单不会粘在滚动上直到以后

1 个答案: