title: Customize Scrolling for Onsen Page (Pull to refresh)
body: <p>I have a <code>ons-page</code> element that I want to customize the scrolling for. There are a few things I'd like to achieve, but mostly I want to understand what's going on.</p>
  
  <p>By default, the page has <code>-webkit-overflow-scrolling: touch</code>. This is undesirable for two reasons:</p>
  
  <ul>
  <li>The area "behind" the page shown during overflow is just plain white</li>
  <li>I have no hooks to take action on over scroll. I'd like to add pull to refresh mechanics.</li>
  </ul>
  
  <p>I've tried working with iScroll, but the behavior I'm seeing is that if I declare my scrollable element to be inside of the page, it calculates the full element height as the visible height. If I declare my scrollable element to be the page, I can move the page around, but not the content within the page.</p>
  
  <p>I'm guessing some of this is related to <a href="https://github.com/OnsenUI/OnsenUI/issues/114" rel="nofollow">"using native scrolling where it can"</a>, but I don't really understand how that's implemented, so I'm not really sure.</p>
  
  <p>Any ideas?</p>