如何通过空超链接跳转来阻止页面滚动？

Question

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

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

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

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

我错过了什么吗？

编辑:

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

编辑:

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

Answer 1

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

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

在执行此操作时,它不会将您的页面滚动回顶部.要让它滚动回到顶部,取出#符号后的a ......所以它看起来像这样:

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

如果没有您提供的任何代码,这是我能给您的最佳解释.

试一试,它应该与你要求的一起工作......不需要javascript.事实上,如果您愿意在页面上,您甚至可以将#a跳转到其他位置:)