Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 不创建历史记录条目的锚定链接_Javascript_Html_Hyperlink_Anchor - Fatal编程技术网

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