title: Hide ion-nav-bar on scroll in ionic
body: <p>I am having tabs template in ionic.Need to hide top navigation bar on scrolling the content of tab.Like whatsapp does.
  What changes needed in my template.</p>
  
  <pre><code>&lt;!--This is Index.html--&gt;
  &lt;body ng-app="starter"&gt;
      &lt;ion-nav-bar class="bar-positive"&gt;&lt;/ion-nav-bar&gt;
      &lt;ion-nav-view&gt;&lt;/ion-nav-view&gt;
  &lt;/body&gt;
  &lt;!--this is template.html--&gt;
  &lt;ion-view&gt;
      &lt;ion-content&gt;
          &lt;ion-list&gt;
              &lt;ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="x in names" type="item-text-wrap"&gt;
                  &lt;img ng-src="{{x.displayProfile}}"&gt;
                  &lt;h2&gt;{{x.firstName}}&lt;/h2&gt;
              &lt;/ion-item&gt;
          &lt;/ion-list&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>