2017-01-19 64 views
0

此代碼控制我的網站的主菜單。 目前設置爲如果向下滾動,它將消失,滾動時會出現。如何讓我的wordpress菜單始終在最前

我希望每當我滾動時它總是顯示在最上面。

感謝您的幫助。

var $fixed_enabled = jQuery("#main-nav.fixed-enabled"); 
if($fixed_enabled.length > 0){ 
    jQuery('#theme-header').imagesLoaded(function() { 
     jQuery(function(){ 
      var navScroll_1 = jQuery(document).scrollTop(); 
      var headerHeight = $fixed_enabled .offset().top; 

      $window.scroll(function() { 
       var navScroll_2 = jQuery(document).scrollTop(); 

       if (navScroll_2 > headerHeight){ $fixed_enabled.addClass('fixed-nav'); } 
       else { $fixed_enabled.removeClass('fixed-nav');} 

       if (navScroll_2 > navScroll_1){ $fixed_enabled.removeClass('fixed-nav-appear');} 
       else { $fixed_enabled.addClass('fixed-nav-appear');}     

       navScroll_1 = jQuery(document).scrollTop(); 
      }); 
     }); 
    }); 
} 
+0

這種行爲稱爲[滾動然後修復(HTTPS ://css-tricks.com/scroll-fix-content/),基本上在滾動到某個級別後,您將其設置爲固定在標題頂部。我們需要你添加你的CSS類來查看你的網站正在發生什麼。謝謝 –

+0

感謝您的回覆... css在這裏https://jsfiddle.net/hafizc007/r28zkwkw/ –

+0

請提供一個完整的代碼來舉例說明您遇到的問題,以便我們提供幫助。 – Ionut

回答

0

只是刪除或評論這個CSS,行496:

.fixed-nav { 
     position: fixed; 
     top: -90px; 
     left: 0; 
     width: 100% !important; 
     z-index: 9999; 
     opacity: 0.95; 
     -webkit-transition: top .5s; 
      -moz-transition: top .5s; 
      -o-transition: top .5s; 
       transition: top .5s; 

     -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1); 
      -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1); 
       box-shadow: 0 5px 3px rgba(0, 0, 0, .1); 
    } 
+0

總是在最上面我的意思是像引導附加不靜態.. –

0

感謝您的答覆...固定由

if($fixed_enabled.length > 0){ 
    jQuery('#theme-header').imagesLoaded(function() { 
     jQuery(function(){ 
      var navScroll_1 = jQuery(document).scrollTop(); 
      var headerHeight = $fixed_enabled .offset().top; 

      $window.scroll(function() { 
       var navScroll_2 = jQuery(document).scrollTop(); 

       if (navScroll_2 > headerHeight){ $fixed_enabled.addClass('fixed-nav fixed-nav-appear'); } 
       else { $fixed_enabled.removeClass('fixed-nav');} 

      }); 
     }); 
    }); 
} 
相關問題