Angular 8 Ng2PageScrollModule不能很好地滚动

Question

当我单击菜单中选项的任何选项时，它总是向下滚动到同一位置

它总是停在

<app-education ></app-education>

如何解决此问题？

这是我的代码

<div class="col-md-12">
    <nav>
        <ul class="menu">
            <li><a pageScroll href="#header">Home</a></li>
            <li><a pageScroll href="#education">Education</a></li>
            <li><a pageScroll href="#skills">Skills</a></li>
            <li><a pageScroll href="#projects">Projects</a></li>
            <li><a pageScroll href="#contact">Contact</a></li>
          </ul>
    </nav>
    <div>
        <a id="header"></a>
        <app-header ></app-header>
    </div>
    <div>
        <a id="education"></a>
        <app-education ></app-education>
    </div>
    <div>
        <a id="skills"></a>
        <app-skills></app-skills>
    </div>
    <div>
        <a id="projects" name="projects"></a>
        <app-main-projects></app-main-projects>
    </div>
    <div>
        <a id="contact" name="contact"></a>
        <app-contact></app-contact>
    </div>
</div>