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

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 的事件，该事件在标题在滚动时发生转换时触发(从其名称可以看出)

希望这有帮助:)

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