锚定 link 而不创建历史条目

Question

我可以 link 使用锚点 link 到网页上的某处，如下所示：

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

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

但这有一个缺点：如果您点击在锚 links 上点击五次，您还必须在访问当前网页之前点击浏览器后退按钮六次 return 到您访问过的网页。

有没有办法 link 到页面上的某处而无需每次都创建历史条目？

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>

锚定 link 而不创建历史条目

Anchor link without creating history entry

html

javascript

anchor

hyperlink