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>