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

Question

我有一个 #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){ 
    ...
  }
}

Answer 1

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

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

---

注意:您不需要事件。