隐藏导航栏（引导）上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上单击切换导航栏并将它切换回原位？

答

这通常是由类.navbar-fixed-top类的z-index造成的，它比photoswipe背景类.pswp的值高，最好的办法是检查浏览器中的photoswipe元素，并增加z - 指定photoswipe背景或降低引导navbar-fixed-top的z-index。

.pswp { 
    z-index: 2500; 
}

隐藏导航栏（引导）上photoswipe图片点击

相关推荐