css - 单击空标签时阻止页面跳回顶部

Question

score 6 · Accepted Answer

一个简单的解决方案就是简单地放入 a 标签：

<a href="#a">Title</a>

在这样做时，它不会将您的页面滚动回顶部。要将其滚动回顶部，请取出 # 符号后的 a...所以它看起来像这样：

<a href="#">Title</a>

这是我可以给你的最好的解释，而不需要你提供任何代码。

试一试，它应该可以满足您的要求……不需要 javascript。事实上，如果你想在你的页面上，你甚至可以让#a 跳转到不同的位置:)

更新：

这可能更适合你！将此添加到 js 文件或将其添加到您的 html 文档中。

单独的 js 文件（只需确保在您的 html 文件中从外部调用它）：

$('#Add_Your_Id_Or_Class_Here').removeAttr('href');

示例：$('#link a').removeAttr('href');或者$('.link a').removeAttr('href');甚至$('a').removeAttr('href');

现在，如果您想通过 html 文件的内联实现此目的，只需执行以下操作：

<script>
    $('#Add_Your_Id_Or_Class_Here').removeAttr('href');
</script>

同样，您也可以使用上面的任何示例。事实上，现在我考虑到有很多方法可以实现这一点......希望有所帮助:)

score 1 · Accepted Answer

如果您的链接不应该被链接（例如当它只是链接可能所在的位置的占位符时），那么您不应该向元素添加[href]属性<a>

2 回答 2