title: Hide subheader on scroll down in Ionic/Angular
body: <p>In an Angular/Ionic app, I'm trying to create the effect where scrolling down the screen hides the subheader as shown in the codepen below.</p>
  
  <p><strong>Problem:</strong> However when you stop scrolling, the subheader appears which is not what we want. We only want the subheader to appear when we scroll up <code>N</code> pixels, not when we stop scrolling.</p>
  
  <p><a href="http://codepen.io/danbhala/pen/ChIEt" rel="nofollow">http://codepen.io/danbhala/pen/ChIEt</a></p>
  
  <p>Any ideas how we can fix the problem?</p>