javascript - Angular 4 |窗口.scrollTo();不能正常工作

Question

目前，我正在尝试自动滚动到我在 Typescript 中使用的 HTML 页面的顶部。

 window.scrollTo(0 , 0);

同时尝试自动向下滚动到 HTML 页面的底部

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

• 我正在尝试在收到 HTTP 响应后滚动到顶部。

代码

 openPDFVievwer(data) {
  this.obj= JSON.parse(data._body);
  document.getElementById('spinner').style.display = 'none';
  window.scrollTo( 0 , 0);
}

• 当我在渲染另一个组件后尝试滚动到底部时。

代码

searchData(data) {
    this.document = data;
    this.searchResultDiv = true; // where component will be rendered
    window.scrollTo( 0 , document.body.scrollHeight);
  }

但是，两者似乎都不起作用。

我做错了什么吗？

Answer 1

尝试进入html

<div #list [scrollTop]="list.scrollHeight"></div>

方案二

在组件中 将 id 定义到 html id="scrollId"

const element = document.querySelector('#scrollId');
element.scrollIntoView();