使用Angular5从特定页面导航时向下滚动

Question

我有一个包含两个主要类别的页面。

例如，我的页面如下所示：

编号：

1

2

3

字母

一

B'/ P>

c

我可以从很多地方导航到这个页面。

在我的信息中心中，我有一个名为Letters的标签。当我点击它时，它必须导航到这个页面，它必须向下滚动以显示字母。我试过这样的。

<div class="main-container" #scrollMe [scrollTop]="scrollMe.scrollHeight">
    <div>Numbers</div>
    <div>Letters</div>
    </div>

问题在于，当我导航到此页面时，它会向下滚动并首先显示该字母。我的要求是只有在我从仪表板导航时才需要向下滚动。

任何人都可以帮助我

Answer 1

您可以使用路由器的(activate)属性来控制滚动 的 app.component.html

<router-outlet (activate)="onActivate($event)" ></router-outlet>

<强> app.component.ts

onActivate(event) {
  if(event)==="DashboardComponent"){ //exact name of dashboard component
    //scroll, something like window.scroll(....);

  }
    ....
}