Ion-view scroll issue

My index.html has an ion-header-bar, which contains an image.
The templates go into

<ion-nav-view class="has-header"></ion-nav-view>

i.e, the index.html file has that header and this ion-nav-view; and the template looks something like this:

<ion-view view-title="Activity on {{fname}}">
<ion-nav-bar class="bar-stable">

	<ion-nav-buttons side="left">
		<a href="#/menu">
			<button class="button button-icon button-clear ion-navicon">

<ion-content class="has-header">

		<ion-item class="activity-row" ng-repeat="h in history">

My problem is, this whole template’s ion-view is scrollable, along with the content having it’s own scroll, the ion-nav-bar can be hidden behind my main header image, since it is getting scrolled. So now, the last item in the list isn’t shown properly, cause it is pushed down by the ion-nav-bar. But I can view it fully, by scrolling the whole view up, I mean, scrolling on the ion-nav-bar.

There’s another template, which has ion-tabs in addition and since iOS has it in the bottom in default, this tab is hidden unless I scroll and hide my nav-bar.