不創建歷史條目的錨鏈接

Question

我可以使用這樣的錨鏈接鏈接到網頁上的某個地方：

<a href="#MyAnchor">Go to MyAnchorText</a>

<p id="MyAnchor" class="boldtitle">MyAnchorText</p>

但這有一個缺點：如果您在錨鏈接上單擊例如五次，則還必須單擊瀏覽器后退按鈕六次才能返回到您訪問當前 web 頁面之前訪問過的網頁。

有沒有一種方法可以鏈接到頁面上的某個地方而無需每次都創建歷史條目？

Answer 1

我現在有以下完美運行的代碼：

<script>
function scrollToAnchor(selectedAnchor) {
    document.querySelector(selectedAnchor).scrollIntoView({
        behavior: 'smooth'
    });
}
</script>

<a onclick="scrollToAnchor('#MyAnchor');">Go to MyAnchorText</a>

<p id="MyAnchor" class="boldtitle">MyAnchorText</p>