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>