2017-01-19 4 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

だけで、ライン496このCSSを削除するか、またはコメント:

.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');} 

      }); 
     }); 
    }); 
} 
関連する問題