修復體時引導導航欄崩潰

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; 
}