在Angular中，如果我的内容溢出窗口高度，如何在底部自动滚动到新添加的元素？适用于整个页面、app

<div #scrollContainer>
  <!-- 内容 -->
</div>

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements AfterViewInit {
  @ViewChild('scrollContainer', { static: false }) scrollContainer: ElementRef;

  ngAfterViewInit() {
    this.scrollToBottom();
  }

  scrollToBottom(): void {
    const container = this.scrollContainer.nativeElement;
    container.scrollTop = container.scrollHeight;
  }
}