Ion-nav-view and animation


#1

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?


#2

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.


#3

The idea was that Foo was a persistent header.


#4

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 :slight_smile:

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 :smiley: :pig: