如何使Polymer Core-scroll-header-panel用javascript壓縮

Question

我想制作一個核心滾動標題面板，單擊時滾動。

<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>
...

父元素的腳本部分是。

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

如何觸發冷凝過渡？

Answer 1

Polymer 1.0為我們帶來了新的element5s ... core-header和core-scroll header已移至紙質元素...因此，您需要將元素移植到新版本

此外，此paper-scroll-header-panel還支持一個名為paper-header-transform的事件，該事件在滾動轉換標題時觸發（從其名稱可以明顯看出）

希望這可以幫助 ：）

<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>