Я использую scrollPositionRestoration()
, чтобы всегда показывать свой компонент сверху, и это на самом деле работает. Проблема в том, что я работаю с разными ссылками на один и тот же компонент (href
) вместо вызова routerLink
для перехода к другому компоненту.
Код
<li class="nav-item">
<a class="nav-link js-scroll-trigger text-warning" href="#ourteam">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger text-warning" routerLink="blog">Blog</a>
</li>
Маршрутизатор
@NgModule({
imports: [
RouterModule.forRoot(routes, { scrollPositionRestoration: "enabled" })
],
exports: [RouterModule]
})
в этом случае это будет работать для routerLink
, но не для href
. Когда я нажимаю ourTeam
, происходит то, что мне нужно дважды щелкнуть по нему (я думаю, это просто потому, что в первый раз я прокручиваю до верха компонента, используя scrollPositionRestoration
на маршрутизаторе, и во второй раз находясь на том же компоненте, мне не нужно звонить на маршрутизатор, поэтому я не звоню на scrollPositionRestoration
)