polymer-p2r.html

<link rel="import" href="bower_components/polymer/polymer.html">

<polymer-element name="polymer-p2r">
  <template>
    <style>
     :host {
       display:block;
     }

     :host * {
       margin:0;
       padding:0;
     }

/* Remove for document scrolling */
     :host #scroller {
       height:100%;
       width:100%;
       display:block;
       overflow-y:scroll;
       -webkit-overflow-scrolling: touch;
     }


     :host #scrollcontent {
       position: relative;
       width: 100%;
       top: -800px;
       margin-bottom:-800px;
     }

     :host #p2r {
       position: relative;
       z-index:-1;
     }
    </style>
<!-- Remove "scroller" for document scrolling -->
    <div id="scroller">
      <div id="p2r">
        <content select=".p2rheader"></content>
      </div>
      <div id="scrollcontent">
        <content select=".content"></content>
      </div>
    </div>
  </template>
  <script src="polymer-p2r.js"></script>
</polymer-element>