html - Bootstrap 4 - .btn 与 data-toggle="collapse" 而 href 锚定到一个 ID

Question

我试图在触发数据切换折叠的同时锚定到一个 ID：

<a href="#id"  data-toggle="collapse" data-target="#collapseTwo" class="btn btn-primary" title="Something cool">Something very cool</a>

用于锚定到这一点

<div id="id" class="col-12 col-lg-6"><h4>A great heading</h4></div>

并折叠这个

<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion"><p>A lot of cool stuff</p></div>

折叠部分有效，但页面不会向下滚动到锚点。我可以想象使用两个 ID 存在问题。是否有一个简单的解决方案可以使该功能正常工作？期待您的输入。

亲切的问候
路易斯

Answer 1

您可以添加onclick="document.getElementById('id').scrollIntoView();"到您的开始a标签。

我不确定这个解决方案在可访问性方面有多好。