HTML 锚点不会跳转到带有 url 的部分

Question

我有一个博客站点，里面全是文字，因此我使用了部分。

我的代码：

<a href="#test">Test</a>

....

 <h3 id="test">Test</h3>

当我点击锚点时，它有效，但如果我使用 URL，我无法进入该部分，只能进入网站顶部。

我想要的是：

mysite.com/site1: <a href="/site2#test > Test</a>

mysite.com/site2 <h3 id="test"> Test </h3>

为什么它不跳转到该部分？

Answer 1

您是否尝试过使用两个#作为锚点？

<a href="/site2##test>Test</a>

似乎 Chrome 有时会遇到锚链接问题，这可能会有所帮助（至少在我的机器上有效）

（可能与使用 # 时锚 <a> 标签在 chrome 中不起作用有关）

Answer 2

解决这个问题的一种方法可能是在 javascript 中使用window.location

<script>
        function goToSite2Section() {
            window.location = '/site2#test';
        }
</script>

<a href="#" onclick="goToSite2Section()"> Test</a>