Hide ion-nav-bar on scroll in ionic
<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>