锚链接位置 - Wordpress答案

【问题标题】：anchor link position - Wordpress锚链接位置 - Wordpress
【发布时间】：2016-03-16 11:05:43
【问题描述】：

我在侧边栏中的this 网站上有一个锚点。当我单击链接时，它会转到右侧页面，并且锚点也可以使用，但我的菜单位于锚点顶部，因此您看不到标题。我该如何解决这个问题，以便用户可以看到标题？

  <h3><a href="/Structuur-te-huur">Structuur te huur</a></h3>
<ul>
    <li><a href="/Structuur-te-huur/#structuur-te-huur">Structuur te huur</a></li>
    <li><a href="/Structuur-te-huur/#procesbegeleiding">Procesbegeleiding</a></li>
    <li><a href="/Structuur-te-huur/#projectmanagement">Projectmanagement</a></li>
    <li><a href="/Structuur-te-huur/#training">Training</a></li>
</ul>

css

#secondary .widget ul, #footer-widgets .widget ul{
    list-style-type: '- ';
    color: #fff;
    padding: 20px;
    margin: 0;
}
#secondary .widget ul li a {
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    letter-spacing: 1.3px;
}
#secondary .widget h3{
    padding: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 800;
}
/* widget paars*/
#secondary .widget:nth-child(2),
#secondary .widget:nth-child(7){
    background: #B167B3;
}
#secondary .widget:nth-child(2) h3,
#secondary .widget:nth-child(7) h3{
    background: #A263A4;
}
/* Oranje*/
#secondary .widget:nth-child(3){
    background: #FF9D29;
}
#secondary .widget:nth-child(3) h3{
    background: #FA9624;
}
/* Groen */
#secondary .widget:nth-child(4){
    background: #54D7C1;
}
#secondary .widget:nth-child(4) h3{
    background: #14C4A8;
}
/* Blauw */
#secondary .widget:nth-child(5){
    background: #63B9FC;
}
#secondary .widget:nth-child(5) h3{
    background: #36A6F6;
}
/* Rood */
#secondary .widget:nth-child(6){
    background: #F0524E;
}
#secondary .widget:nth-child(6) h3{
    background: #ED413A;
}

【问题讨论】：

我没有关系。我不明白。非综合通过。
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：How to create a Minimal, Complete, and Verifiable example。
添加你的 CSS。您是否尝试将链接放入列表中？
很抱歉，它不在主页上。看link

标签： html css wordpress anchor

【解决方案1】：

要么在你跳转到的顶部添加一些顶部填充，这样你的菜单就不会覆盖它，或者在这个问题中使用 javascript... Make anchor link go some pixels above where it's linked to

如果它不会对您的设计造成太大伤害，那么填充可能是最好的选择 - 无需添加不必要的 javascript。

【讨论】：

链接中的填充和负边距解决方案可能是您最好的选择，只要它不会创建不可点击的区域。
这可能是目前的修复。但它对所有锚都有效吗？因为客户也必须能够设置锚点。
这取决于您的编码方式，您可以将其添加到所有锚链接，或仅添加到具有类的链接（在这种情况下，您的客户必须添加该类，否则您的 CMS为他们这样做）。