隠すナビゲーションバー（ブートストラップ）は

Question

をクリックして、私のナビゲーションバーが表示されたままです。私は本当にこれがどう起こったのか分かりません。

<header> 
 
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
 
    <div class="container"> 
 

 
     <div class="navbar-header"> 
 
     <!-- FOR MOBILE VIEW COLLAPSED BUTTON --> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar"> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 

 
     </div> 
 

 
     <!-- Header Menu Bar 
 
\t \t \t \t ================================================== --> 
 
     <div id="nav-main" class="navbar-collapse collapse"> 
 
     <ul id="top-menu" class="nav navbar-nav main-nav"> 
 
      <li> 
 
      <a class="activeNav" href="#home"> <span class="icon icon-home"></span> STARTSEITE</a> 
 
      </li> 
 
      <li> 
 
      <a href="#page-1"> <span class="icon icon-user"></span> ABOUT ME</a> 
 
      </li> 
 
      <!-- etc.. --> 
 
     </ul> 
 
     </div> 
 
     <!-- /.nav-collapse --> 
 
    </div> 
 
    <!-- /.container --> 
 
    </nav> 
 
    <!-- /.navbar --> 
 
</header>

ギャラリー/ Photoswipeの初期化は、1：ドキュメント内のテンプレートのような1。私は、ナビバーがバグだった間にいつか働いたことを覚えています。

navbarを非表示にする最も簡単な方法は何ですか？どういうわけか、PhotoSwipeのクリックでナビバーを切り替えることができず、休暇中に戻すことはできませんか？

Answer 1

これは通常、.navbar-fixed-topクラスのZ-インデックスがphotoswipeバックグラウンドクラス.pswpよりも高い値に設定されているため、ブラウザのphotoswipe要素を調べてz -indexを使用するか、ブートストラップnavbar-fixed-topのZ-インデックスを減らしてください。

.pswp { 
    z-index: 2500; 
}