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 =＆＃34; foo＆＃34;到面板标题并转到它点击一个href =＆＃34;＃foo＆＃34;链路

Bootstrap：anchar到面板标题

1 个答案: