在 Angular 中滚动到（单击）上的特定 div

【问题标题】：Scroll to specific div on (click) in Angular在 Angular 中滚动到（单击）上的特定 div
【发布时间】：2018-07-06 14:46:31
【问题描述】：

我有一个#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】：

您可以使用 .scrollIntoView() 使用纯 javascript 来做到这一点：

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

注意：你不需要event。

【讨论】：