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标签中。

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