固定Navbarがアンロールメニューを破った

Question

私はこのウェブサイトで助けています：www.noyoco.com。 私は最近、ユーザーがスクロールするときにナビゲーションバーを上に固定するスクリプトを追加しました。

<script type="text/javascript"> 
    $(document).ready(function() { 
    var s = $("#main-nav"); 
    var pos = s.position();  
    $(window).scroll(function() { 
     var windowpos = $(window).scrollTop(); 
     if (windowpos >= pos.top) { 
      s.addClass("stick"); 
     } else { 
      s.removeClass("stick"); 
     } 
    }); 
}); 
</script> 

しかし、なぜアンロールメニューが壊れているのかわかりません。

（あなたがスクロールを持っている場合）、スクリプトが上にある場合、（スクリプトがオフになっている）上に正しくときの作業壊れ

誰かがそれを助けることはできますか？ ありがとう！

Answer 1

2番目のメニューがnavコンテナの絶対位置にないためです。メインメニューで切り替えると、display: block;とdisplay: none;にしかありません。サブメニューのメニューへ

.multi-level-nav { 
    position: relative; 
} 

と絶対位置：

.tier-2 { 
    position: absolute; 
    left: 0; 
    right: 0; 
    z-index: 2; /* to be above the slideshow */ 
} 

役に立てば幸い

それを修正するには、このような親コンテナの相対位置を追加することができます。

EDIT

それは、このため、セレクタの、あなたはそれがfixedになったときに理由は構造の変化、それを変更する必要もあります：

.nav-row ul ul { 
    display: none; 
}