隱藏導航欄（引導）上photoswipe圖片點擊

就像你可以在圖片中看到不知何故，我的導航欄仍是可見的，當我從PhotoSwipe圖庫視圖內。我真的不知道這是怎麼發生的。

<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等的文檔內的模板。我記得它在某些時候有效，而導航欄是越野車。

隱藏導航欄最簡單的方法是什麼？我不能以某種方式在PhotoSwipe上單擊切換導航欄並將它切換回原位？

來源

2016-07-04 Drayke

這通常是由類.navbar-fixed-top類的z-index造成的，它比photoswipe背景類.pswp的值高，最好的辦法是檢查瀏覽器中的photoswipe元素，並增加z - 指定photoswipe背景或降低引導navbar-fixed-top的z-index。

.pswp { 
    z-index: 2500; 
}

來源

2016-07-04 19:02:44

隱藏導航欄（引導）上photoswipe圖片點擊

回答

相關問題