숨기기 네비게이션 바 (부트 스트랩)

을 클릭, 내 네비게이션 바는 여전히 볼 수 있습니다. 나는 이것이 어떻게 일어 났는지 정말로 모른다. 문서 내부의 템플릿과 같은 1 :

<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

. 네비게이션 바가 버그가있는 동안 언젠가는 작동한다는 것을 기억합니다.

가장 쉬운 방법은 무엇입니까? 어떻게 든 PhotoSwipe 클릭에서 내비게이션 버튼을 토글하고 다시 떠날 때 토글 할 수 없습니까?

출처

2016-07-04 Drayke

이것은 일반적으로 .navbar-fixed-top 클래스의 Z- 색인이 photoswipe 배경 클래스 .pswp보다 높은 값으로 인해 발생합니다. 가장 좋은 방법은 브라우저에서 photoswipe 요소를 검사하고 z -index를 사용하거나 bootstrap navbar-fixed-top의 Z- 색인을 줄이십시오.

.pswp { 
    z-index: 2500; 
}

출처

2016-07-04 19:02:44

숨기기 네비게이션 바 (부트 스트랩)

답변

관련 문제