2017-01-19 37 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');} 

      }); 
     }); 
    }); 
} 
相关问题