如何在页面顶部显示传入的页内 html 链接？答案

【问题标题】：How an incoming in-page html link can be displayed at the top of the page?如何在页面顶部显示传入的页内 html 链接？
【发布时间】：2018-07-09 07:52:27
【问题描述】：

考虑以下几点：

页面A有链接

http://example.com/page#design

页面 B 位于 example.com，名称为 page，并且有一个元素

<h2 id="design">Design</h2>

我希望点击页面 A 上的链接，浏览器会在页面顶部显示 h2 元素。

在我的情况下，Firefox 和 Chrome 都没有。

我还应该在我的 html 中说明什么才能达到预期的效果？

【问题讨论】：

这很奇怪。它绝对应该滚动到那个元素。
我正在使用 Wordpress。它应该导致这种行为吗？
不是单独的，不是。但也许你的主题有一些用于“平滑滚动”功能的 JS，但它不能正常工作......或者类似的东西。但是如果没有看到整个过程，就不可能说出来。

标签： html wordpress url hyperlink

【解决方案1】：

这与 Wordpress 有关。 Wordpress 不使用标准方法来创建仅具有 id 属性的页内链接，但必须使用锚点和 name 属性：

<a name="design"><h2>Design</h2></a>

现在可以了。

这个页面有助于澄清这个问题：

https://www.kasareviews.com/wordpress-page-jump-links/

【讨论】：

由于某些原因，它在 Firefox 中有效，但在 Chrome 中无效。我会去 Wordpress Stack Exchange 解决这个问题。