Angular window.scrollTo无效
我有一个动画,它放大了列表中的一张卡片。这基本上是一个“全屏”动画。无论如何,到目前为止一切都正常。唯一缺少的是将列表项滚动到相应的位置 为此,我将获取主机元素的y偏移量,并调用Angular window.scrollTo无效,angular,Angular,我有一个动画,它放大了列表中的一张卡片。这基本上是一个“全屏”动画。无论如何,到目前为止一切都正常。唯一缺少的是将列表项滚动到相应的位置 为此,我将获取主机元素的y偏移量,并调用window.scrollTo(),但它没有效果: animationDone(事件){ scrollTo(0,this.host.nativeElement.getBoundingClientRect().top); } 因此,我在这个主题上没有受过很好的教育,但我不知道DOM窗口中的哪个元素实际代表了什么,也不知道
window.scrollTo()
,但它没有效果:
animationDone(事件){
scrollTo(0,this.host.nativeElement.getBoundingClientRect().top);
}
因此,我在这个主题上没有受过很好的教育,但我不知道DOM窗口
中的哪个元素实际代表了什么,也不知道如何管理scrollTo
(如果这是委托给当前页面的scrollablediv
)
以下是页面外观的一个小示例:
我不知道你到底想在这里做什么,但你可以试试这个解决方案
在HTML中提供元素ID引用
在typescript函数中,可以这样做
document.getElementById('yourHTMLElementID').scrollIntoView({
behavior: 'smooth'
})
我不知道你到底想在这里做什么,但你可以试试这个解决方案
在HTML中提供元素ID引用
在typescript函数中,可以这样做
document.getElementById('yourHTMLElementID').scrollIntoView({
behavior: 'smooth'
})