Angular：使用片段滾動錨點時出錯

Question

所以，我的項目中有這個header.component.ts ，帶有指向主頁所有部分的鏈接。

        <nav class="nav-menu d-none d-lg-block">
        <ul>
            <li class="active"><a [routerLink]="['/']" [routerLinkActive]="'active'">Home</a></li>
            <li><a [routerLink]="['/']" fragment="portfolio" [routerLinkActive]="'active'">Portfólio</a></li>
            <li><a [routerLink]="['/']" fragment="services" [routerLinkActive]="'active'">Serviços</a></li>
            <li><a [routerLink]="['/']" fragment="contact" [routerLinkActive]="'active'">Contato</a></li>
        </ul>
    </nav>

我已經更改了我的app.routing.module以便啟用錨滾動：

@NgModule({
  imports: [
    RouterModule.forRoot(routes, {
      scrollPositionRestoration: 'enabled',
      anchorScrolling: 'enabled'
    })
  ],
  exports: [RouterModule]
})

問題是：每次我點擊一個鏈接，而不是滾動到具有相關id的部分，我的頁面回到頂部。 有什么我做錯了嗎？

---

編輯：我在這里創建了一個 stackblitz ，但是它得到了一個編譯器錯誤

Answer 1

您必須向響應部分添加 id，因為 Angular 將自動滾動到具有給定片段 id 的元素。

Answer 2

得到了答案。 原來是我使用的模板上的腳本有問題。 一旦我刪除了腳本（這是為了提供平滑的滾動），我的問題就解決了。 謝謝@divin-irakiza 和@chellappan-வ 的幫助！