javascript - 当URL包含#key-1时跳转到name=key-1

Question

每当我的 URL 包含 # 时，我希望跳转到选定的哈希。

# 是动态创建的并插入到 header($location); 中。然后，新的 URL 会像这样加载:www.example.com?p=1#key-1，但它不会转到页面上选定的 #。我怎样才能做到这一点？

我研究了 javascript window.location.hash，但是我不知道如何正确使用它。

更新:当我在地址栏中手动输入 #sek-31 时，网址中的 # 会起作用。但是，当我重新加载相同的 URL 时，我会被抛回页面顶部。

更新二:

更新三:

它可以在以下浏览器中运行:

• Windows 版本的 Safari
• 火狐浏览器
• 边缘

Answer 1

如果您访问 www.example.com?p=1#key-1，浏览器将自动滚动到 id key-1 的元素。因此，只需添加一个 id 属性即可。

https://developer.mozilla.org/en/docs/Web/HTML/Element/a#attr-href

(此网址已经是演示。它以 #attr-href 结尾，当您单击它时，您将直接转到 #attr-href 部分)

http://output.jsbin.com/bajiqu#res 请注意，我将 #res 放入网址中，以便浏览器将滚动到 #res 段落。