Window 在 tabChange 上不滚动 working/Reset

Question

Window 在 tabChange 上不滚动 working/Reset 我创建了一个示例 angular 2 应用程序，我在其中使用了 ngb-tabset（用于创建选项卡视图）。

我在单击按钮导航到选项卡的下一个时遇到了问题 window 滚动没有重置。它仍然在页面底部。

我累了window.scrollTo(0,0)但是没有工作

谁能帮我解决这个问题。这是我的 plunkr url http://plnkr.co/edit/DYnF85V8V2MGVbCVwwoH?p=preview

我在每个选项卡上添加了按钮，当我点击按钮时，选项卡数据或控制它应该是焦点或移动到 tab/page 的顶部。

Answer 1

为此，您必须绑定到@Output "tabChange"。

在你的 component.ts 上：

export class NgbdTabsetSelectbyid {
  public onTabChange($event: Event) {
    window.scrollTo(0,0);
  }
}

在您看来：

<ngb-tabset #t="ngbTabset" (tabChange)="onTabChange($event)">

Window Scroll not working/Reset on tabChange