window.scrollTo() 与 Polymer Project core-scroll-header-panel 中断

window.scrollTo() breaking with Polymer Project core-scroll-header-panel

我正在使用 Polymer 项目,但无法尝试使用 javascript 滚动到页面上的元素。

我正在尝试在使用 core-scroll-header-panel 的页面上调用 window.scrollTo(x,y),但在尝试执行此操作时只得到 undefined

这里有一个 plunker 显示了实际问题。点击 CLICK ME link 尝试滚动到 100,0。你会发现这不会发生。

如果您注释掉 <core-scroll-header-panel> 行,那么您将看到单击相同的 link 会向下滚动页面。这是相关的 plunker.

我知道我可以使用 document.getElementById('some-element').scrollIntoView() 但这并不能帮助我实现我想要的效果,即动画向下滚动页面到元素。我也知道 window.scrollTo() 不会被动画化,但我可以使用那个调用来制作我自己的动画滚动方法。

关于为什么会发生这种情况的任何想法,以及我如何解决这个问题以获得所需的行为? jQuery 不是一个选项。

Andreas 在他的评论中提到了这个问题。

滚动未绑定到 window,但绑定到阴影中的组件 dom。

在此特定实例中,window.scrollTo 调用需要替换为:

document.querySelector('core-scroll-header-panel').scroller.scrollTop = 100;

这里是相关的plunker.