2017-09-25 36 views
0

我使用的是平板主題(Cordillera)on my new blog set up,並有助於將主頁全屏橫幅調整爲較小的尺寸(you can see that post and solution in this thread)。wordpress:粘性菜單沒有粘住滾動,直到後來

該解決方案效果很好,但我現在注意到,粘性菜單並不會一直粘到頁面的頂部,而是會在進一步向下滾動時跳到板上(跳到關於博客部分跳到我鉻)。我假設這個問題與橫幅大小調整有關,但說實話,我不是100%確定的。

我不確定需要抽出什麼代碼才能參加考試,這是我第一次使用平板主題,但如果有人告訴我要查找什麼,可以這樣做。

再次感謝您的幫助!

回答

0

控制粘滯標題的代碼位於腳本文件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(); 
        } 
    }); 
+0

好吧,我明白你現在說的話。所以我的標題圖像是500px高。如果我希望它在那個時候開始變得粘稠,那麼我應該怎樣改變這條線呢?或者我錯過了這是如何工作的?非常感謝! – Kristy

+0

您只需將該行更改爲「var winHeight = 500;」 。調整以適應。 –

+1

謝謝,亞當!沒有你的幫助,我永遠都不會想到它:) – Kristy