聚合物核心支架滚动到顶部答案

【问题标题】：Polymer core-scaffold scroll to top聚合物核心支架滚动到顶部
【发布时间】：2014-10-12 03:42:19
【问题描述】：

经过一番搜索，我找到了I could scroll core-header-panel by scroller property，但我无法将相同的内容应用于core-scaffold。

有没有办法将核心支架滚动到顶部？？

【问题讨论】：

【解决方案1】：

核心脚手架元素只是一堆其他核心元素的集合，具有一些常用功能。如果文档没有回答您的问题，一个提示就是查看元素的源代码。

例如核心支架的内容。

<div vertical layout drawer>

  <content select="[navigation], nav"></content>

</div>

<core-header-panel id="headerPanel" main mode="{{mode}}">

  <core-toolbar>
    <core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
    <content select="[tool]"></content>
  </core-toolbar>

  <content select="*"></content>

</core-header-panel>

.$ 属性将包含通过其 id 指向任何元素的路径。所以$.yourScaffoldID.$.headerPanel 是您可以用来通过javascript 或数据绑定访问它的路径。

【讨论】：

谢谢你的帮助。

【解决方案2】：

感谢@Winchestro 的回答，

我可以通过为我的custom-core-scaffold 定义一个scroller 属性并使其返回core-header-panel 滚动条来解决它。

get scroller() {
  return this.$.headerPanel.scroller;
}

【讨论】：