我正在制作动画,该动画将一张卡片包含在列表中。它基本上是“全屏”动画。无论如何,到目前为止一切正常。唯一缺少的部分是将列表项滚动到当前位置。
为此,我得到了host元素的y-offset并调用window.scrollTo()
,但它没有任何作用:
animationDone(event) {
window.scrollTo(0, this.host.nativeElement.getBoundingClientRect().top);
}
因此,我对这个主题的知识不是很好,但是我不知道DOM window
中的哪个元素真正代表或scrollTo
的管理方式(如果将它委托给可滚动的{{ 1}}。
这是页面外观的一个小例子:
div
答案 0 :(得分:2)
我不知道您要在这里做什么,但是您可以尝试此解决方案 提供HTML中的元素ID参考
并在您的打字稿功能中执行此操作
document.getElementById('yourHTMLElementID').scrollIntoView({
behavior: 'smooth'
})