角度4 | window.scrollTo(); 工作不正常

阿比舍克·埃坎斯

目前,我正在尝试自动滚动到我在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);
  }

但是,两者似乎都无法正常工作。

我做错了什么吗?

Shailesh Ladumor

尝试进入HTML

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

解决方案2

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章