如何使 Polymer core-scroll-header-panel 压缩 javascript

Question

我想制作一个 core-scroll-header-panel，当它被点击时滚动。

<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 的事件，当 header 在滚动时被转换（从它的名字可以看出）

希望对您有所帮助:)

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

如何使 Polymer core-scroll-header-panel 压缩 javascript

How to make Polymer core-scroll-header-panel condense with javascript

javascript

polymer