在Angular中(单击)滚动到特定的div

时间:2018-07-06 14:46:32

标签: javascript angular typescript

我有一个#content div和一个按钮组件。

单击按钮时,我要滚动到#content div的顶部。


HTML:

<div id="content">
    Loren ipsum 
</div>
<div (click)="toTop($event)">top</div>

topscroll.component.ts:

export class TopscrollComponent implements OnInit { 
  constructor() { } 

  ngOnInit() { }

  toTop(event){ 
    ...
  }
}

1 个答案:

答案 0 :(得分:5)

您可以使用.scrollIntoView()使用普通的javascript:

toTop() {
  document.getElementById("content").scrollIntoView();
}

注意:您不需要event