在Tumblr和其他一些网站上,当您垂直滚动X个像素时,会出现一个箭头,将您带到顶部,并带有锚点链接。(我相信这是正确的术语。)它们基本上是带有href属性#的<a>标记。
我认为,锚链接看起来比“ javascript:void(0);这里有更多代码…… ”看起来更“干净”
除了在Tumblr上的锚点链接滚动到顶部之外,网页中还有许多GUI元素使用“空白主题标签链接”,但它们并不用于滚动,而是干净,空的超链接。单击它们时,它们不会将页面滚动到顶部,而是调用JavaScript函数来显示元素,执行任务等。
据我所知,这些链接没有附加JavaScript事件以停止滚动。(例如,onclick =“ window.event.preventDefault()”。
我想念什么吗?
编辑:
我面临的个人问题是我想在我的顶部导航栏上有一个空的超链接,但是我不希望页面被单击时滚动到顶部(可能是每个浏览器中的默认操作)浏览器)。如何使用/不使用JavaScript进行修复?
编辑:
解决此问题的方法。非JavaScript:使用坐标(0,0)固定元素的位置,并将空链接链接到该位置。(但是它仍然不会是空的:()
一个简单的解决方案是简单地将a标记放入:
<a href="#a">Title</a>
这样,它不会将页面滚动回到顶部。要使其滚动回到顶部,请在#符号后取出a ...,这样看起来像这样:
<a href="#">Title</a>
这是我可以提供的最好的解释,而无需您提供任何代码。
尝试一下,它应该可以满足您的要求...不需要javascript。实际上,如果您想在页面上,甚至可以将#a跳转到其他位置:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句