Javascript 不创建历史记录条目的锚定链接
我可以使用锚链接链接到网页上的某个地方,如下所示:Javascript 不创建历史记录条目的锚定链接,javascript,html,hyperlink,anchor,Javascript,Html,Hyperlink,Anchor,我可以使用锚链接链接到网页上的某个地方,如下所示: <a href="#MyAnchor">Go to MyAnchorText</a> <p id="MyAnchor" class="boldtitle">MyAnchorText</p> MyAnchorText 但这有一个缺点:如果您在锚定链接上单击五次,您还必须单击浏览器后退按钮六次才能返回到您在访问当前网页之前访问的网页 有没有一种方法可以在不每次创建历史记录条目的情况下链接到页面
<a href="#MyAnchor">Go to MyAnchorText</a>
<p id="MyAnchor" class="boldtitle">MyAnchorText</p>
MyAnchorText
但这有一个缺点:如果您在锚定链接上单击五次,您还必须单击浏览器后退按钮六次才能返回到您在访问当前网页之前访问的网页
有没有一种方法可以在不每次创建历史记录条目的情况下链接到页面上的某个位置?我现在有以下代码可以正常工作:
<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>
功能滚动至anchor(选择anchor){
document.querySelector(selectedAnchor)。滚动到视图({
行为:“平滑”
});
}
去MyAnchorText
MyAnchorText