javascript - html 页面中的奇怪链接问题

Question

我有几个<a>我的代码中的标签。

但是，用户单击 <a> 后标签，浏览器将跳转到页面的顶部。

例如:

texts
…..
elements
…...
texts
…..
elements
…...
texts
…..
elements
…...

//the user has to scroll down to here to see the <a> tag.
//once click, the page will jump to the top (scroll to top) for some reason.
<a href = '#' >click here</a>

我知道我可能没有提供足够的信息，但我想知道是否有人能想到这个奇怪的事情的原因。我没有创建原始代码，文件中有很多代码。非常感谢您的帮助!

Answer 1

使用主题标签 #对于href anchor 中的属性 <a>标签将使链接跳转到顶部。

<a href='#'>click here</a>

您可以通过将 ID 直接包含在主题标签之后的 anchor 标记中来指定要跳转到的 ID。

例如:

点击:

<a href='#myElement'>Go to My Element</a>

页面会跳转到:

<div id='myElement"></div>