修复体时引导导航栏崩溃

Question

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
<div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li><a href="#about">     
       About 
      </a></li> 
      <li><a href="#contact">     
       Contact 
      </a></li>     
     </ul> 
    </div><!--/.nav-collapse --> 
</div> 

以上是自举导航栏标头时屏幕尺寸减小，其折叠的代码。任何人都可以帮助我仅在导航栏标题下拉列表打开时修正正文位置。

谢谢。

Answer 1

听起来像.toggleClass()是你需要的。

if (!$("relevant-div").hasClass("open-class")){ // or collapse class 
    $("body").toggleClass("body-fixed"); 
} 

---

.body-fixed { // sample 
    position: fixed; 
}