html - 使用元素 ID 回退链接到文本片段

Question

我想链接到一个文本片段，如下所示：

https://pvk.ca/Blog/2019/01/09/preemption-is-gc-for-memory-reordering/#event-counts-with-x86-tso-and-futexes:~:text=However%2C%20if%20we%20go

这个链接¹有一个片段如下：

#event-counts-with-x86-tso-and-futexes:~:text=However%2C%20if%20we%20go

这链接到出现在页面下方的文本“但是，如果我们去”，其中带有 id 的标题event-counts-with-x86-tso-and-futexes作为后备。但是，在 Chrome 中单击此链接时，目标文本仅会短暂显示，然后页面会滚动到#event-counts-with-x86-tso-and-futexes标题。

如果删除#event-counts-with-x86-tso-and-futexes片段的一部分（像这样）它可以正常工作，但是对于不支持链接到文本的浏览器（例如 firefox）没有回退。

---

¹奇怪的是，在问题中单击此处的链接似乎根本不起作用，但如果您复制并粘贴上面的链接，它会起作用。可能SO正在以某种方式对链接进行编码，破坏了片段？

标签： htmlgoogle-chromefirefoxhrefurl-fragment

Answer 1

在这种情况下，文本片段和 ID 之间的距离非常大。绝对支持混合两者，并且当两者足够接近时（示例）可以正常工作。

对于脚注中的最后一个问题，StackOverflow 可能没有打开带有noopener上下文的链接。