javascript - 从链接打开时，导航栏隐藏标题

Question

我有一个跟随用户滚动的导航栏。我需要解决的情况是我有一个带有页面主题链接的页脚。这个页脚在我的网站上是全局的。

我已经用 ID 锚定了标题并且它正在工作。问题是，当我通过页脚中的那些链接在另一个选项卡中打开它时，导航栏正好位于标题的前面(这很糟糕)。 有没有一种方法可以控制从另一个页面加载 anchor 时定位的位置？ 这是页脚代码的一部分，其中使用的链接是:

<div class="col-xs-6 col-sm-4">
    <ul class="list-unstyled">
        <li><h4>>Links<li>
        <li><a href="{{url('page#tag1')}}">Tag1</a></li>
        <li><a href="{{url('page#tag2')}}">Tag2</a></li>
        <li><a href="{{url('page#tag3')}}">Tag3</a></li>
        <li><a href="{{url('page#tag4')}}">Tag4</a></li>
        <li><a href="{{url('page#tag5')}}">Tag5</a></li>
    </ul>
</div>

Answer 1

您可以在标题上添加 padding-top。此 padding-top 必须与您的导航栏具有相同的高度。