window.scrollTo无效

时间:2018-09-09 22:15:49

标签: angular

我正在制作动画,该动画将一张卡片包含在列表中。它基本上是“全屏”动画。无论如何,到目前为止一切正常。唯一缺少的部分是将列表项滚动到当前位置。

为此,我得到了host元素的y-offset并调用window.scrollTo(),但它没有任何作用:

animationDone(event) {
  window.scrollTo(0, this.host.nativeElement.getBoundingClientRect().top);
}

因此,我对这个主题的知识不是很好,但是我不知道DOM window中的哪个元素真正代表或scrollTo的管理方式(如果将它委托给可滚动的{{ 1}}。

这是页面外观的一个小例子:

div

1 个答案:

答案 0 :(得分:2)

我不知道您要在这里做什么,但是您可以尝试此解决方案 提供HTML中的元素ID参考

并在您的打字稿功能中执行此操作

 document.getElementById('yourHTMLElementID').scrollIntoView({
          behavior: 'smooth'
     })