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”链接转到它