Polymer 纸张波纹-填充纸张工具栏中的同级元素_Polymer_Polymer 1.0

Polymer 纸张波纹-填充纸张工具栏中的同级元素

polymer

Polymer 纸张波纹-填充纸张工具栏中的同级元素,polymer,polymer-1.0,Polymer,Polymer 1.0,我希望纸张波纹效果也能填充。有没有办法让它做到这一点 <body unresolved> <paper-header-panel shadow="true" mode="waterfall-tall" class="fit"> <paper-toolbar> <paper-ripple fit></paper-ripple> <

我希望

纸张波纹

效果也能填充

。有没有办法让它做到这一点

  <body unresolved>
      <paper-header-panel shadow="true" 
        mode="waterfall-tall"
        class="fit">
        <paper-toolbar>
          <paper-ripple fit></paper-ripple>
          <div class='title'></div>
          <paper-tabs noink="true" selected="0">
          <!-- only HOME gets route. Others will but down below -->
            <paper-tab class="route" onclick="page('/')">
              HOME
            </paper-tab>
            <paper-tab onclick="page('/resume')">
              RESUME
            </paper-tab>
            <paper-tab>
              CONTACT
            </paper-tab>
          </paper-tabs>
          <div class='title bottom'>
            <h1 id="name-title">Foo<p> bar<p></h1>
          </div>
        </paper-toolbar>

纸张工具栏

有三个垂直堆叠的

div

s。因此，使用占用整个空间的

纸张波纹

，在这里不是一种选择。您可以使用父级

div

包装

纸张工具栏

，并使

纸张波纹

与

纸张工具栏

处于同一级别

请注意，此父级

div

需要有一个

纸张页眉

类，以便

纸张页眉面板

知道它是页眉，并为其指定适当的样式。此外，要约束

纸张波纹

，此父级

div

需要处于

相对位置
您需要做的最后一个更改是手动为纸张工具栏
指定一个高
类，因为它不再是纸张标题面板
的直接子级
<paper-header-panel mode="waterfall-tall" class="fit">
    <div class="paper-header relative">
        <paper-toolbar class="tall">
            <div class="title"></div>
            <paper-tabs noink selected="0">
                <paper-tab class="route" onclick="page('/')">HOME</paper-tab>
                <paper-tab onclick="page('/resume')">RESUME</paper-tab>
                <paper-tab>CONTACT</paper-tab>
            </paper-tabs>
            <div class="title bottom">
                <h1 id="name-title">Foo<p> bar<p></h1>
            </div>
        </paper-toolbar>

        <paper-ripple></paper-ripple>
    </div>
</paper-header-panel>


家
简历
接触
Foobar

看看这个。
我不知道为什么，但是
正在强制纸张标题面板在非瀑布模式下压缩*更新的原始帖子不要像这样把代码放在评论里，把它放在一个垃圾桶里。
<paper-header-panel mode="waterfall-tall" class="fit">
    <div class="paper-header relative">
        <paper-toolbar class="tall">
            <div class="title"></div>
            <paper-tabs noink selected="0">
                <paper-tab class="route" onclick="page('/')">HOME</paper-tab>
                <paper-tab onclick="page('/resume')">RESUME</paper-tab>
                <paper-tab>CONTACT</paper-tab>
            </paper-tabs>
            <div class="title bottom">
                <h1 id="name-title">Foo<p> bar<p></h1>
            </div>
        </paper-toolbar>

        <paper-ripple></paper-ripple>
    </div>
</paper-header-panel>