如何使用空的超链接跳转来阻止页面滚动？答案

【问题标题】：How can I stop pages from scrolling with an empty hyperlink jump?如何使用空的超链接跳转来阻止页面滚动？
【发布时间】：2013-08-12 16:17:02
【问题描述】：

在 Tumblr 和其他一些网站上，当您垂直滚动 X 个像素时，会出现一个箭头，将您带到顶部，并带有一个锚链接。（我相信这是正确的术语。）它们基本上是具有 # 的 href 属性的标签。

在我看来，锚链接看起来比你的“javascript:void(0);”更“干净”；更多代码在这里......“

除了 Tumblr 上用于滚动到顶部的锚链接外，网页中还有许多 GUI 元素使用“空白标签链接”，但它们不是用于滚动，而是干净的，空的超链接。当它们被点击时，它们不会将页面滚动到顶部，而是调用 JavaScript 函数来显示元素、执行任务等。

据我所知，这些链接没有附加 JavaScript 事件来停止滚动。（例如。onclick="window.event.preventDefault()"。

我错过了什么吗？

编辑：

我面临的个人问题是我想要一个空的超链接（在我的顶部导航栏上），但我不希望页面在单击时滚动到顶部（默认操作可能在每个浏览器中）。如何使用/不使用 JavaScript 进行修复？

编辑：

可能会解决此问题。 非 JavaScript：用坐标 (0,0) 固定元素的位置，并将空链接链接到它。（但它仍然不会是空的:()

【问题讨论】：

【解决方案1】：

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

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

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

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

这是我能给你的最好的解释，不用你提供任何代码。

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

【讨论】：