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属性使用hastag <a>将导致该链接跳转到顶部。

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

您可以通过直接在主题标签后面的锚标记中包含ID来特定要跳转的ID。

例如：

点击：

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

页面将跳转到：

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

Answer 2

$('a[href^=#]').on('click',function(e){
    e.preventDefault();
});

Answer 3

如果您不希望链接表现得像链接，请使用其他元素。如果这是您使用链接的原因，请使用CSS为其指定正确的外观和悬停行为。

Answer 4

如果元素被赋予了id：

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

会跳转到页面中的该位置（将该元素放在页面顶部）。如果没有指定id，'＃'只会使它跳转到页面顶部。

Answer 5

这是anchor tag的行为。当用户点击锚标记（链接）时，浏览器将遵循该标记的href值。

#引用是引用当前文档顶部的标准方法。因此，当用户点击<a href="#">click here</a>时，浏览器会将用户带到当前文档的顶部。

这不是一个奇怪的事情，它是链接在HTML中的工作方式。

html页面中的奇怪链接问题

5 个答案: