div改变锚id链接的行为

Question

我有以下代码，我试图使用http://www.mylink.com/index.html#parceiros访问该网站，浏览器显示的一个div远低于我的select div #parceiros。我试图通过删除我的横幅部分来解决这个问题，然后错误消失了。我需要改变什么才能纠正这个问题？

PS：导航栏是固定顶部的

导航：

div ng-controller="FirstCtrl"
     <table>
        <tbody>
          <tr ng-repeat="name in names.concat(datas)">
            <td>{{name.name}}</td>
            <td ng-if="name.down === 'False'">{{name.down}}</td>
            <td ng-if="name.down !== 'False'">{{name.data}}</td>
            <td>{{name.data}}</td>
          </tr>
        </tbody>
      </table>
    </div>

横幅：

<ul class="nav navbar-nav navbar-main">
    <li><a class="page-scroll" href="#servicos">SERVIÇOS</a></li>
    <li><a class="page-scroll" href="#info-ejudi">INSTITUCIONAL</a></li>
    <li><a class="page-scroll" href="#parceiros">PARCEIROS</a></li>
    <li><a class="page-scroll" href="#contato">CONTATO</a></li>
 </ul>

Css：

<div id="slide-banner">
     <div class="item" style="background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('img/image-banner.jpg') no-repeat">
    </div>
</div>