锚标签不起作用答案

【问题标题】：Anchor tags do not work锚标签不起作用
【发布时间】：2016-05-14 01:26:57
【问题描述】：

我的页面顶部有锚标记并链接到下面的部分。该链接不会移动到该部分。顶部的 url 会随着部分的 ID 而变化，但它不会移动。

它在一个 wordpress 网站上。

它不会链接到带有 ID 的 div，而是链接到页面构建器构建的主题的 <section>（我只能添加自定义类而不是 ID）。是这个问题吗？

如何让我的锚标记起作用？

<ul class="inline">
    <li><a href="#section-56b33dac48448">Link Text Here</a></li>
    <li><a href="#section-56b33ceced2d2">Dermalogica Facials</a></li>
    <li><a href="">Glycolic Facial Peel</a></li>
    <li><a href="">Microdermabrasion</a></li>
</ul>

【问题讨论】：

对应的锚标签长什么样？

标签： wordpress scroll hyperlink anchor

【解决方案1】：

  <a name="top"></a>
  There doesn’t need to be anything between the opening and closing tags.  
  Then, in the place you want to place the link, put 
  <a href="#top">link to top</a>

【讨论】：

【解决方案2】：

可能是问题所在，是的。如果是这样，一种可能的解决方案是 Navnit Mishra 的。如果你可以创建名称属性，那就是。

如果您提到的页面构建器也无法做到这一点，您可能需要编写一些 JavaScript 来放入 <a>s 的 onclick 属性。

但是，另一个问题可能是目标片段标识符已经可见。（即<a> 的目标部分的顶部已经存在于窗口中）如果是，浏览器不会在窗口跳转到它时将其滚动到顶部，所以你不会在屏幕上看不到任何变化。

【讨论】：