使用URL哈希导航到HTML元素id的问题

Question

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

members.html#goa

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

Answer 1

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

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

我不确定你为什么需要这个。整个部分看起来像是一个转移黑客来解决其他问题，它似乎是劫持窗口滚动。每当加载文档时，它都被迫滚动到顶部。删除上述代码应该可以解决问题。

Answer 2

你必须在要滚动到的元素的文件名和id之间写斜杠'/'。在你的情况下：

members.html/#goa