使用 URL 哈希导航到 HTML 元素 ID 时出现问题

Question

我试图通过以下代码滚动到 html 文件中的 h4 id：

members.html#goa

当我在本地打开 html 文件时有效；但是在我将文件上传到服务器后，它只在页面的开头打开文件。我有 <h4 id="goa">Goa</h4> 在 members.html 文件中。请帮助我。

Answer 1

您必须在要滚动到的元素的文件名和 ID 之间写斜杠“/”。你的情况：

members.html/#goa

Answer 2

当您在禁用 Javascript 的情况下加载 your site 时，它会按预期滚动到 #goa。因此，您似乎有一段代码可以更改默认行为。在第 35 行，您有以下内容：

addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); 
function hideURLbar(){ window.scrollTo(0,1); }

我不确定你为什么需要这个。整个部分看起来像是为解决其他问题而临时改写的 hack，而且它似乎在劫持 window 滚动条。每当加载文档时，它都会被迫滚动到顶部。删除上述代码应该可以解决问题。