angular - 如何滚动到组件位置？

Question

我想滚动到 Angular 中的组件位置。组件是根据 repeticiones var 生成的。这是我的 HTML 代码。

这是 TS 代码：

标签： angulartypescriptscrollcomponents

Answer 1

我认为您可以使用 id 和 viewportScroller 而不是 elem

HTML

<div>
    <button (click)="onAnchorScroll(1)"></button>
    ...
</div>
<div *ngFor="let item of repecticiones; let i = index" [id]="i + 1">
    ...
</div>

TS

在你的 ts 中从 @angular/common 导入 ViewportScroller

constructor(private viewportScroller: ViewportScroller) { }

onAnchorScroll(id) {
  this.viewportScroller.scrollToAnchor(id);
}