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

【问题标题】：Scroll Down when navigating from Particular Page using Angular5使用 Angular5 从特定页面导航时向下滚动
【发布时间】：2018-08-29 02:57:51
【问题描述】：

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

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

数字：

字母：

一个

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

在我的仪表板中，我有一个名为 Letters 的选项卡。当我单击它时，它必须导航到此页面，并且必须向下滚动才能显示字母。我试过这样。

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

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

谁能帮帮我

【问题讨论】：

传递路线数据（布尔类型），从仪表板导航时检查它，如果它是真的应用向下滚动
@M Balajivaishnav 请您根据情况解释一下，我将如何在 HTML 中向下滚动
你可以创建一个 plunkr 或 stackblitz

标签： angular angular5

【解决方案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(....);

  }
    ....
}

【讨论】：