Positioning Problem with ion scroll and title

It seems like im not finding a solution to a problem im currently have with ion scroll. It seems like it is not taking the header and statusbar into account. Does anyone have a fix to this?

I attached a screenshot to show what i mean. Basically the scroll section should be under the titlebar. I don’t want to set it explicit. Maybe i made a mistake at any point.

i really would appreciate any help

Hi, i dont understand it so… erkläre es noch einmal auf deutsch bitte :smiley:

Vielen Dank für die Antwort. Der blaue Container stellt den Bereich des Bildes dar. Dieser rutscht aber nach oben, wird also nicht nach oben hin beschränkt. (Durch den Header und den Statusbereich)

Der Container ist ein ion-scroll container.

Also möchtest du das man vertikal nicht scrollen soll?

Oder soll der ion-scroll container so groß sein, wie das Bild (in der höhe)?

Könntest du mal dein Quellcode posten?

Es geht nicht um das scrollen. Vielmehr geht es darum, dass der Container mit dem Bild under dem Titel ist. Das möchte ich nicht. Und eigentlich hatte ich gedacht ionic würde die positionierung eingeständig vornehmen.

<ion-view title="{{ post.title }}" ng-controller="PostCtrl">
	<ion-nav-buttons side="left">
		<button class="button button-clear" ng-click="goBack()" style="font-size: 20px;">
			<i class="ion-chevron-left"></i>
		</button>
	</ion-nav-buttons>
	<ion-content id="post-site" scroll="false">
		<ion-scroll zooming="true" class="activated" delegate-handle="imageScroll" direction="xy" min-zoom="1" has-bouncing="false" class="post-image-container" ng-click="toggleUI()">
			<img  style="margin-top: {{ margintop }}px;" width="100%" ng-src="{{ post.sphotos.data[0].url  }}" alt=""/>
		</ion-scroll>
	</ion-content>
</ion-view>

Die Dirty Variante wäre, einfach ein padding-top zu setzten.