锚链接而不创建历史条目

Question

我可以用这样的锚链接链接到网页上的某个地方。

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

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

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

有没有一种方法可以链接到网页上的某个地方，而不需要每次都创建一个历史记录？

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>