如何用javascript实现聚合物芯卷轴头面板的压缩

我想做一个核心滚动标题面板，点击时滚动

<core-scroll-header-panel
    on-tap="{{panelTap}}"
    id="actionPanel"
    shadow="true"
    condenses="true"
    keepCondensedHeader
    mode="waterfall-tall"
    class="">
    <core-toolbar class="themed narrow" >
    </core-toolbar>
</core-scroll-header-panel>
...

---

如何触发压缩转换

聚合物1.0为我们带来了新的元素5s。。。核心页眉和核心卷轴页眉已移动到纸张元素。。。 因此，您希望将元素移植到新版本

此外，此纸张卷轴标题面板支持名为纸张标题转换的事件，当标题在卷轴上转换时触发该事件（从其名称可以明显看出）

希望这有帮助：）

---

我认为最简单的方法是通过编写scrollTop动画或使用jQuery.animate来滚动页面本身。我不认为有一个内置的方法只是压缩，而是元素侦听滚动事件，并在每次触发事件时调整其大小。

panelTap : function() {  /* make it condense here */  } 

<paper-scroll-header-panel
    paper-header-transform="{{panelTap}}"
    id="actionPanel"
    shadow="true"
    condenses="true"
    keepCondensedHeader
    mode="waterfall-tall"
    class="">
    <core-toolbar class="themed narrow" >
    </core-toolbar>
</paper-scroll-header-panel>