如何停止带有超链接跳空的页面滚动?

里奇·约德(Ricky Yoder)

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

我认为,锚链接看起来比“ javascript:void(0);这里有更多代码……看起来更“干净

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

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

我想念什么吗?

编辑:

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

编辑:

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

混合82

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

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

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

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

这是我可以提供的最好的解释,而无需您提供任何代码。

尝试一下,它应该可以满足您的要求...不需要javascript。实际上,如果您想在页面上,甚至可以将#a跳转到其他位置:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有超链接的ErrorDlg

来自分类Dev

如何创建一个超链接,以在下拉菜单中指向带有预选选项的页面?

来自分类Dev

如何在Tkinter中创建带有标签的超链接?

来自分类Dev

如何使带有超链接的复选框

来自分类Dev

如何在单击带有href =#的链接时停止页面加载?

来自分类Dev

是否可以创建指向路径中带有双引号的页面的超链接?

来自分类Dev

带有超链接文本的UITextView

来自分类Dev

ggiraph:带有超链接的工具提示?

来自分类Dev

带有超链接的jQuery文件选择

来自分类Dev

带有“/select”选项的 MigraDoc 超链接

来自分类Dev

带有Eval()的带有NavigateUrl的超链接未触发

来自分类Dev

在带有链接的输出ipywidget中显示超链接

来自分类Dev

如何在页面上的所有超链接上调用函数?

来自分类Dev

如何在页面上的所有超链接上调用函数?

来自分类Dev

php:如何从给定页面的特定div获取所有超链接?

来自分类Dev

如何在ASP中创建带有超链接的弹出窗口

来自分类Dev

如何在带有边框的超链接内居中放置文本

来自分类Dev

如何仅在带有缩进的2行超链接上对文本加下划线

来自分类Dev

如何在带有超链接的UILabel上显示HTML文本(作为字符串)?

来自分类Dev

在R Markdown中,如何创建对带有超链接的引用的引用?

来自分类Dev

如何添加带有超链接的图片并将其对齐到线框中心?

来自分类Dev

使用php-mysql时如何显示带有超链接的emaiIds

来自分类Dev

如何使自动超链接正则表达式忽略带有 src 的 img 标签?

来自分类Dev

用jQuery添加带有斜杠的超链接将超链接结束标记删除

来自分类Dev

解析页面中超链接的所有html源

来自分类Dev

当我单击超链接时,如何停止Excel?

来自分类Dev

如何告诉trello停止使短语成为超链接?

来自分类Dev

从MS Access生成带有超链接的电子邮件

来自分类Dev

puppeteer.js单击带有类的超链接

Related 相关文章

  1. 1

    带有超链接的ErrorDlg

  2. 2

    如何创建一个超链接,以在下拉菜单中指向带有预选选项的页面?

  3. 3

    如何在Tkinter中创建带有标签的超链接?

  4. 4

    如何使带有超链接的复选框

  5. 5

    如何在单击带有href =#的链接时停止页面加载?

  6. 6

    是否可以创建指向路径中带有双引号的页面的超链接?

  7. 7

    带有超链接文本的UITextView

  8. 8

    ggiraph:带有超链接的工具提示?

  9. 9

    带有超链接的jQuery文件选择

  10. 10

    带有“/select”选项的 MigraDoc 超链接

  11. 11

    带有Eval()的带有NavigateUrl的超链接未触发

  12. 12

    在带有链接的输出ipywidget中显示超链接

  13. 13

    如何在页面上的所有超链接上调用函数?

  14. 14

    如何在页面上的所有超链接上调用函数?

  15. 15

    php:如何从给定页面的特定div获取所有超链接?

  16. 16

    如何在ASP中创建带有超链接的弹出窗口

  17. 17

    如何在带有边框的超链接内居中放置文本

  18. 18

    如何仅在带有缩进的2行超链接上对文本加下划线

  19. 19

    如何在带有超链接的UILabel上显示HTML文本(作为字符串)?

  20. 20

    在R Markdown中,如何创建对带有超链接的引用的引用?

  21. 21

    如何添加带有超链接的图片并将其对齐到线框中心?

  22. 22

    使用php-mysql时如何显示带有超链接的emaiIds

  23. 23

    如何使自动超链接正则表达式忽略带有 src 的 img 标签?

  24. 24

    用jQuery添加带有斜杠的超链接将超链接结束标记删除

  25. 25

    解析页面中超链接的所有html源

  26. 26

    当我单击超链接时,如何停止Excel?

  27. 27

    如何告诉trello停止使短语成为超链接?

  28. 28

    从MS Access生成带有超链接的电子邮件

  29. 29

    puppeteer.js单击带有类的超链接

热门标签

归档