时间戳

首页 > 解决方案 > 页面加载角度后的片段路由

angular - 页面加载角度后的片段路由

问题描述

我想在导航中使用片段路由到页面。实际上，如果页面已完全加载，它可以正常工作。不幸的是，如果页面尚未完全加载，它不会滚动到正确的位置。

这是我在 app-routing.module.ts 中调整的代码：

  imports: [RouterModule.forRoot(routes,
    {
      // configure Router module to handle anchor scrolling with fragment
      anchorScrolling: 'enabled',
      onSameUrlNavigation: 'reload',
      scrollPositionRestoration: 'enabled',
      scrollOffset: [0, 80],
    })],
  exports: [RouterModule]

这是我导航中的锚标记：

<a class="dropdown-item" routerLink="leistungen" fragment='DigitalFramework'>Digitale Methoden | Digitalisierung</a>

最后是我想滚动的部分：

<section id="DigitalFramework"></section>

当我已经加载页面时，此代码工作正常，如果不是这种情况，我不会滚动到我想来的位置。

问题是如何仅在页面完全加载时才启动锚滚动？

标签： angularroutingfragment

解决方案

推荐阅读