Demir Sayfalarla Polimer Başlangıç ​​Setine yapışkan altbilgi ekleme

Question

Polimer Başlangıç ​​Seti'ne bir yapışkan alt çizgi eklemeye çalışıyorum. Şimdiye kadar

core-header-panel and sticky footer ve http://www.jlmiller.guru/jekyll/2015/06/02/sticky-footer.html

denedim ama hiçbiri çalışmıyor gibi görünüyor.

Kağıt-başlık paneline nasıl yapışkan bir altlık ekler/stil eklersiniz?

<paper-header-panel class="flex"> 
    <paper-toolbar> 
    <div>Paper-Toolbar</div> 
    </paper-toolbar> 
    <div class="content fix fullbleed layout vertical"> 
    <iron-pages attr-for-selected="data-route" id="pages" selected="home"> 
     <section data-route="home" class="layout vertical center"> 
     <paper-material>This is some content for home 
      <br /> 
      <br /> 
      <br /> 
      <br /> 
     </paper-material> 
     <paper-material>This is some other content for home</paper-material> 
     <paper-button id="btn1" raised>Next Iron Page</paper-button> 
     </section> 
     <section data-route="page1" class="layout vertical center"> 
     <paper-material>This is content for Page 1</paper-material> 
     <paper-button raised>Button to move to Home</paper-button> 
     </section> 
    </iron-pages> 
    </div> 
    <!-- content --> 
    <footer> 
    Sticky footer? 
    </footer> 
</paper-header-panel> 

Plunker http://plnkr.co/edit/wOxCgExdWdJdhhfQ4xBz?p=preview

Answer 1

Tek yön position:fixed kullanmaktır.

<footer style="position:fixed;bottom:0"> 
    Sticky footer? 
    </footer> 

Yoksa paper-header-panel ait footer dışında taşımak ve bir dikey div yığılmış ikisini de kaydırılabilir. köküne div ben dikey içeriği yığın vertical layout içeriği tüm sayfayı dolduracak yapmak için fit kullanılan ve emin

<div class="fit vertical layout"> 
    <paper-header-panel class="flex"> 
    ... 
    </paper-header-panel> 

    <footer> 
    Sticky footer? 
    </footer> 
</div> 

Not.

Bkz. Bu plunker.