आयरन पेज

Question

के साथ पॉलिमर स्टार्टर किट में चिपचिपा पाद लेख जोड़ने के लिए मैं पॉलिमर स्टार्टर किट में एक चिपचिपा पाद लेख जोड़ने की कोशिश कर रहा हूं। अब तक मैं

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

की कोशिश की है लेकिन न तो काम करने के लिए लग रहे हैं।

आप पेपर-हेडर-पैनल में एक चिपचिपा पाद लेख कैसे जोड़/शैली बनाते हैं?

<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

एक तरह से position:fixed उपयोग करने के लिए है।

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

या आप paper-header-panel की footer बाहर ले जाने और में एक खड़ी div खड़ी उन दोनों को लपेट कर सकते हैं।

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

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

ध्यान दें कि जड़ div पर मैं fit का इस्तेमाल किया है इसकी सामग्री पूरे पृष्ठ को भरने बनाने के लिए और vertical layout खड़ी सामग्री ढेर।

यह plunker देखें।