0

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

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

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

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

我错过了什么吗?

编辑:

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

编辑:

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

4

1 回答 1

8

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

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

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

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

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

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

于 2013-08-11T08:29:19.197 回答