HTML 页面跳转，锚点不起作用

Question

我有一个非常简单的问题，我确定有一个简单的解决方法，但我就是找不到。

我正在尝试使用锚点从一个页面跳转到另一个页面，以便在特定 div 上加载新页面。 显然这不起作用，相反页面只是在顶部加载。

这是我的<a>标签的样子：

<a href="projects.html#link" onclick="location.reload()" class="col-sm-4 
noHighlight">

然后，在页面“projects.html”上我有这个：

<div class="container" id="link" name="link">
<br>
<h2 style="text-align: center;">Test</h2>
<br>
<h5>
</h>
</div>

如果在加载了 projects.html 页面后，我强制刷新了 chrome 浏览器选项卡，则该页面会在正确的 div 上加载。 如果我然后滚动回顶部并再次强制刷新选项卡，则它不起作用。 location.reload()试图强制浏览器自行强制刷新，但无论有没有它似乎都没有改变。

任何建议将不胜感激，如果我需要发布更多代码，我会，但我真的没有太多可能发生冲突的 javascript 或 CSS。

谢谢，

你的博伊，博伊。

Answer 1

将以下代码添加到您的子主题 CSS： html {scroll-behavior: auto !important;}