页面锚点在固定的导航栏下

Question

我的页面顶部有一个固定的导航栏和标题.但我也设置了一些页面链接到特定部分.

现在,当我点击这些链接时,它会加载带有导航栏区域下方顶部的页面(这是我遇到的问题).我希望它能够显示与导航栏齐平.(这将是我的"理想行为,仅供参考)".

这是我的网站:

链接:http://project7.byethost22.com/classes.php#sectYouth

Answer 1

您可以使用:target伪类并设置padding-top为浮动标题的高度和标题的margin-top负高度.小代码片段:

#wrapper > section:target {
    padding-top: 100px;
    margin-top: -100px;
}