单击按钮时，有没有办法以角度滚动到页面底部？

Question

我正在做一个有角度的项目，我需要想办法在用户单击按钮时自动滚动到页面底部。

我尝试使用对我不起作用的 jQuery 函数 animate() 来执行此操作。我也尝试过以下功能：

scrollToBottom() {
  let myElement = document.getElementById("myPageId");
  myElement.scrollTop = myElement.scrollHeight;
}

这个函数只有在我从我的html页面调用它时才有效，而当用户点击一个按钮时我需要在我的ts文件中使用它。

Answer 1

创建一个按钮来执行这个由@chestas 和available here 编写的普通JavaScript

相关TS：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
  goToBottom(){
    window.scrollTo(0,document.body.scrollHeight);
  }
}

相关HTML：

<button type="button" (click)="goToBottom()">go to bottom </button>

完成stackblitz

Answer 2

在这里查看答案Scroll Automatically to the Bottom of the Page 这是代码，只需将其添加到您的函数 scrollToBottom 中

window.scrollTo(0,document.body.scrollHeight);