锚标签不起作用

时间:2016-02-04 12:22:46

标签: wordpress scroll hyperlink anchor

我的页面顶部有锚标记,并链接到下面的部分。但该链接不会移动到该部分。顶部的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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

可能成为问题,是的。如果是这样,一个可能的解决方案是Navnit Mishra's。如果您可以创建名称属性,那就是。

如果您无法使用您提到的页面构建器执行此操作,则可能必须编写一些JavaScript以放入<a>的onclick属性。

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