Question

经过一些搜索，我发现I could scroll core-header-panel by scroller property，但我不能将相同的内容应用于core-scaffold。

有没有办法将core-scaffold滚动到顶部？

Answer 1

core-scaffold元素只是一堆其他核心元素的集合，具有一些常用功能。如果文档没有回答你的问题，一个技巧就是查看元素的来源。

这就是核心支架的内容。

<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或数据绑定来访问它的路径。

Answer 2

感谢@Winchestro的回答，

我可以通过为scroller定义custom-core-scaffold属性并使其返回core-header-panel卷轴来解决此问题。

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

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

2 个答案: