用Javascript更改導航CSS的WordPress的

我爲我的WordPress主頁創建了一個自定義標題導航只有主頁。在所有其他頁面上，我使用默認的主題導航。但是，在主頁上，向下滾動自定義導航後，我想要顯示默認主題導航。我想我可以使用帶滾動功能的JavaScript，所以一旦我過去了，比如說100px，JS就會將css屬性從display：none更改爲display：block或者其他的東西。用Javascript更改導航CSS的WordPress的

我創建了一個JS文件：

var fixed = false; $(document).scroll(function() { 
      if($(this).scrollTop() > 100) { 
       if(!fixed) { 
        fixed = true; 
        $('#menu-above-header-homepage').css({position:'fixed', display:'block'}); 
       } 
      } else { 
       if(fixed) { 
        fixed = false; 
        $('#menu-above-header-homepage').css({display:'none'}); 
       } 
      } 
     });

我打電話從文件中的腳本，homepage_nav.js到主頁PHP模板到使用

<script type="text/javascript" src="http://dev.brooklyn.cd/wp-content/themes/_eco/js/homepage_nav.js"></script>

模板頭我不能讓它儘管工作。我的JS有什麼問題，或者我將它調用到PHP模板文件中？

來源

2013-04-29 bcreative

你必須把所有就緒（）函數中並激活它window滾動..

$(document).ready(function{ 
    var fixed = false; 
    $(window).scroll(function() { 
     if($(this).scrollTop() > 100) { 
      if(!fixed) { 
       fixed = true; 
       $('#menu-above-header-homepage').css({position:'fixed', display:'block'}); 
      } 
     } else { 
      if(fixed) { 
       fixed = false; 
       $('#menu-above-header-homepage').css({display:'none'}); 
      } 
     } 
    }); 
});

來源

2013-04-29 13:53:43 Svetoslav

感謝您的回覆......儘管這種變化仍然沒有奏效。我認爲這可能是我如何將它調入我的PHP文件的問題。也許有完全更好的方法來完成這個？ – bcreative 2013-04-29 14:24:48

我也在嘗試這個JavaScript文件，我認爲這是更清潔，但仍然無法正常工作。 $（document）.scroll（function（）{$（'＃menu-above-header-homepage'）。toggle（$（this）.scrollTop（）> 250）;}）;'' – bcreative 2013-04-29 15:21:10

代碼

固定的錯誤：

$(document).ready(function(e) { 
    $(window).scroll(function() { 
    if($(this).scrollTop() > 100) { 
     $('#menu-above-header-homepage').css({position:'fixed', display:'block'}); 
    } else { 
     $('#menu-above-header-homepage').css({display:'none'}); 
    } 
    }); 
});

沒有必要用的固定標誌，如果你想使用它，那麼重命名該變量，因爲該變量名稱'fixed'已經是一個javascript屬性，將其重命名爲'isFixed'

來源

2013-05-16 09:34:30

用Javascript更改導航CSS的WordPress的

回答

相關問題