Given this layout:
<h2>Foo</h2>
<ion-nav-view animation="slide-left-right"></ion-nav-view>
I noticed that when the animation is performed, it slides in aligned to the top, as opposed to where I imagine the div for the ion-nav-view lives. Expected?
How are you structuring your views? You should have foo be within ion-view (which will be rendered into ion-nav-view). Unless you are trying to have foo not be in the view that changes, in that case though, it will leave space above the nav-view object for your header.
The idea was that Foo was a persistent header.
Hey @raymondcamden
to create a “persistent header” as you said. You need to use ion-header-bar
for ion-nav-bar
Using ion-nav-bar
you can set a title
atribute with Foo… go ahead I try this out, is very useful
I made a demo of that to you http://codepen.io/anon/pen/mBKCL you can see the blue header fixed at the top. On line 14, you see the ion-nav-bar
on Work, and the title is set on the title
attribute on ion-view
of each view… You can see the titles on lines 22 and 34
I hope this help you