聚合物核心脚手架滚动到顶部

Question

经过一番搜索，我发现I could scroll core-header-panel by scroller property，但我不能将相同的东西应用到core-scaffold。

有没有办法将核心脚手架卷到顶端？

Answer 1

感谢@Winchestro答案，

我可以通过定义为我的custom-core-scaffold一个scroller财产解决它，并使它返回core-header-panel滚轮。

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

Answer 2

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

这就是例如核心脚手架的内容。

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