窗口滚动无效/在tabChange上重置

时间:2018-03-26 10:13:44

标签: jquery angular typescript angular5 ng-bootstrap

窗口滚动无效/在tabChange上重置 我创建了一个示例angular 2应用程序,其中我使用了ngb-tabset(用于创建选项卡视图)。

我遇到问题,当我点击按钮导航下一个标签窗口滚动不重置。 它仍然是页面的底部。

我累了import twitter #python-twitter package api = twitter.Api(consumer_key="mykey", consumer_secret="mysecret", access_token_key="myaccess", access_token_secret="myaccesssecret") results = api.GetSearch(raw_query="q=%23myHashtag&geocode=59.347937,18.072433,5km") print(len(results)) 但没有工作

有人可以帮我解决这个问题。 这是我的plunkr网址     http://plnkr.co/edit/DYnF85V8V2MGVbCVwwoH?p=preview

我在每个标签上添加了按钮,当我点击按钮,标签数据或控制它应该是焦点或移动标签/页面的顶部。

1 个答案:

答案 0 :(得分:2)

为此你必须绑定到@Output“tabChange”。

在你的component.ts上:

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

并在您的观点上:

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

示例基于您的plinkr:http://plnkr.co/edit/vTKMKLwL8B6woLqeQvqO?p=preview