1-3 讓Blogger主選單永遠置於上方

1-3 讓Blogger主選單永遠置於上方-01

對於個人而言，免費的Blogger樣版已經很夠用。若非要說有哪不滿意，大概就是主選單，會隨著網頁滾動消失（如下圖），雖然有回到上方按鈕，且多數人瀏覽習慣，逐漸轉為手機。不過我還是喜歡，能夠常駐上方的主選單。

況且要做到這點，非常的簡單，只需要兩步驟。

一、於</style>前，增加CSS

進入到Blogger後台／主題／自訂／編輯HTML，點進html內文，利用Ctrl＋F搜尋</style>，將下列CSS貼於其前。

.navFixed {z-index:9999; position:fixed; top:0; left:0; margin-top:0; min-width: 00%; opacity:0.94; transition:opacity .5s ease-out;}

二、於</body>前，增加script

完成上步驟後，搜尋</body>，將下列script貼於其前。

<script type='text/javascript'>
  $(function() {
    $(window).scroll(function() {
      if ($(this).scrollTop() > 150)  {
         $('.header-menu').addClass('navFixed');}
      else {
         $('.header-menu').removeClass('navFixed');}
     });
   });
</script> 

儲存後就可以發現，主選單已經常駐於上方！