锚链接不创建历史条目答案

【问题标题】：Anchor link without creating history entry锚链接不创建历史条目
【发布时间】：2020-10-01 12:08:29
【问题描述】：

我可以使用这样的锚链接链接到网页上的某个位置：

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

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

但这有一个缺点：如果你点击例如锚链接五次，您还必须点击浏览器返回按钮六次才能返回您访问当前网页之前访问的网页。

有没有一种方法可以链接到页面上的某个位置，而无需每次都创建历史条目？

【问题讨论】：

标签： javascript html hyperlink anchor

【解决方案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>

【讨论】：