如何在进入页面时转到特定锚点（不起作用）

Question

首先，这就是我目前的状态：thsbrk.de。

黑框应该是例如关于部分。我想实现的是，如果您进入我的页面（thsbrk.de），您可以直接转到我的参考部分（锚点“#references”）。然后，如果您点击“关于”链接，您将向上滚动到“关于”部分。我已经尝试让它发挥作用，但没有成功。锚似乎不起作用。

如果有人可以查看我的代码并为我提供解决方案，那就太棒了:)

（滚动尚未实现，我只要求锚点问题）

编辑：这里我有一个示例，它应该如何工作：< a href="http://volll.com/" rel="nofollow">示例

Answer 1

在头部给出一个像这样的脚本标签。也让它成为第一个脚本。

<script>
location.href="http://thsbrk.de/#references"
</script>

从你的代码来看，你也做了同样的事情。但只要尝试重新排序可能有效的脚本标签。

Answer 2

普通 JS：

window.onload=function() {
  var anchorHash = 'references';
  document.getElementsByName(anchorHash)[0].scrollIntoView();
}

这是 2009 年的 jQuery 示例 - 可能有更新的方法

如何使用 jQuery 将表格的一行滚动到视图 (element.scrollintoView) 中？

在您的情况下，这可能有效

$(document).ready(function() {
  var anchorHash = 'references';
  var pos = $('#'+anchorHash).position();
  window.scrollTo(0,pos.top);
});

Answer 3

尝试这个并告诉我结果：

$(document).ready(function() {
   window.location.href = '#references';
});

然后像这样修改你的锚标记：

<a name="references">Here</a>