Bootstrap：anchar至面板標題

Question

當我在我的頁面中使用anchar鏈接時，例如www.example.com/#about，我的面板打開它應該。然而，當我點擊一個鏈接時（在帶滾動條的頁面上），頁面頂部是面板的主體而不是標題。我怎樣才能確保我總能看到標題？

<div id="accordion" role="tablist" aria-multiselectable="true"> 
    <div class="panel"> 
     <a role="button" data-toggle="collapse" data-parent="#accordion" href="#about" aria-expanded="false" aria-controls="about">Title</a> 
     <div id="about" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo" style="height: auto;"> 
      <p>Body</p> 
     </div> 
    </div> 
    /* other panels */ 
</div> 

的Javascript：

location.hash && $(location.hash + '.collapse').collapse('show'); 

Answer 1

你並不需要JavaScript來做到這一點。在面板標題中放置一個id =「foo」，然後點擊href =「＃foo」鏈接