空的<a> tag is clicked</a>停止页面跳回顶部

Question

标题说明了这一点，如果用户点击空标签，我将如何仅使用html，没有JAVASCRIPT来阻止页面跳回到顶部？例如，如果在我的网站的最底部，我有一个空的链接，但点击它，需要清楚地回到顶部...

Answer 1

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

<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>

同样，您也可以使用上述任何示例。事实上，现在有很多方法可以实现这一点，我想一想......希望有所帮助：）

Answer 2

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