单击锚点链接时,保持URL不受影响

Question

我在这里检查了其他帖子,没有找到我正在寻找的结果.我想点击

<a href="#about">About</a>
<div id="about">Content of this..</div>

并将其滚动到该元素,而不将www.domain.com/#about放在地址栏中

作为一个完美的例子,请查看我在这里找到的这个网站并点击一些链接 - 点击时不要更改地址栏.

Answer 1

我自己也尝试过这个，这里是我在这个主题上的学习总结。

这是基本的链接命令：

<A HREF="#codeword">Blue Words</A>

以下是表示跳转将滚动页面的位置的方法：

<A NAME="codeword">

这是发生的事情

A HREF 命令与基本链接相同，只是该链接指向代码字而不是 URL。

请注意代码字前面有一个 # 符号。您需要它来表示它是内部链接。如果没有 # 符号，浏览器会在页面之外查找以您的代码字命名的内容。

您的“代码字”可以是您想要的任何内容。我尽力保持简短并使其表示要跳转到的内容。您可以使用的字母数量可能有限制——但我还没有找到。

页面跳转点遵循相同的通用格式，只不过您将单词 HREF 替换为单词 NAME。

请注意 NAME 命令中没有 # 符号。

笔记！您放置 NAME 目标的位置将显示在屏幕浏览器的顶部。

希望能帮助到你。