Question

我正在使用GitHub内置的wiki编写一些文档（使用Markdown语法）。

我对锚标记的问题是，一旦我点击了一次锚点，再次手动向下滚动它，并尝试点击它，它就不再工作了。

a）锚链接跳转的位置。

##<a name="listofactions">List of Actions</a>

b）锚链接的一个例子

[Back to List of Actions](#listofactions)

我还尝试了markdown语法中的html

<a href="#listofactions">Back to List of Actions</a>

甚至尝试使用附加的＃和锚链接到完整的URL。

<a href="https://github.com/Daburu/Daburu-Tools/wiki/API-(DaburuTools.Action)#listofactions">Back to List of Actions</a>

它们都可以工作，但是当我再次手动向下滚动到锚点链接并单击它时，它不会再将我带回（a）。除非我点击不同的锚链接。

我如何编写它以使锚链接无论如何都可以工作？

Answer 1

你的Markdown没有任何问题。这就是浏览器的工作原理。首次粘贴链接时（查看同一页面时），浏览器地址栏中的网址会从http://example.com/path/to/your/page更改为http://example.com/path/to/your/page#someanchor。由于这是一个不同的URL，浏览器将通过滚动到页面上的适当位置导航到新URL。但是，当您阅读页面并滚动到其他位置时，URL保持不变。最后，第二次单击链接时，URL已经http://example.com/path/to/your/page#someanchor，因此URL没有变化，就浏览器而言，您已经在那里，因此没有导航，页面也不滚动

您可以使用一些JavaScript技巧来欺骗浏览器按照您的意愿行事，但这些技巧无法在GitHub上运行，因为出于安全原因，它们不允许您在页面中包含任何JavaScript。

您可以采取哪种解决方法（假设您有一个长页并希望再次轻松找到具体位置），首先点击 [返回] 按钮（将您带回{{1 }}）在浏览器的导航栏中，然后单击 [转发] 按钮（返回http://example.com/path/to/your/page），这将触发浏览器导航到该位置并滚动页面。

Answer 2

试试这个：

...

<a name="listofactions"></a>

## List of actions

注意HTML标记和降价标记之间的空白。

然后通过[link-to-anchor](#listofactions)

进行调用

应该工作。

希望有所帮助！

Answer 3

添加属性target="_self"

Markdown Anchor链接无法点击两次

3 个答案: