Polymer 聚合物芯头面板滚动视图

我想我会很幸运，只需执行window.scrollto0500，但这并没有起作用，因为核心标题面板正在为我执行滚动

假设有两个元素

 <core-header-panel>
  <core-animated-pages selected="{{s}}">
      <section><my-element select={{s}}></my-element></section>
      <section><my-element select={{s}}></my-element></section>
  </core-animated-pages>
 </core-header-panel>


</template>

我在控制台中看到要滚动到的元素，但它没有滚动

<polymer-element name="my-element" attributes="select">
 <template>
     ....
 </template>    
 <script>
    Polymer('my-element', {
        select:0,
        selectChanged: function(){
            var x=this.shadowRoot.querySelector("#id")
            if (x){
                console.log(x)
                x.scrollIntoView()
            }
        }
    });
 </script>
</polymer-element>

编辑：

---

核心动画页面不使用滚动。它使用css转换来转换页面。你的意思是，一旦我的元素被选中，你想滚动到它里面的一个特定位置吗？是的，请：这是正确的，假设我点击第一个元素中的一个按钮，我想让它打开第二个页面，向下滚动到一个地方，就像你在url中使用一个按钮那样，然后它的核心标题面板就可以滚动了？我将在我的问题中对此进行更改。在我的元素中，实现selectChanged，它调用element.scrollIntoView。元素将是要滚动到的元素的阴影dom中的一个节点。AAAA这确实有效：setTimeoutfunction{x.scrollIntoView}，1000有没有比使用setTimeout更好的方法？

<polymer-element name="my-element" attributes="select">
 <template>
     <core-animated-pages fit selected="{{select}}" id="core_page">
             ....
     </core-animated-pages>
 </template>    
 <script>
    Polymer('my-element', {
        ready: function(){
            this.$.core_page.addEventListener("core-animated-pages-transition-end", function(e) {
                var x=this.shadowRoot.querySelector("#id")
                if (x){
                    console.log(x)
                    x.scrollIntoView()
                 }
             })
        }
    });
 </script>
</polymer-element>