Hi everyone,
I am creating my first app build on Ionic but I have some trouble when I want to include the image header right above the navigation bar. This is my screen
And my code here. First I add some code about navigation and this div contain image on > index.html
<body ng-app="hearingApp">
<ion-nav-bar class="bar bar-header nav-title-slide-ios7 mhearing-bar" align-title="center">
</ion-nav-bar>
<div class="row header-banner">
<div class="col-33">
<img class="logo-left img-responsive" src="img/logo-left.png" />
</div>
<div class="col-67">
<img class="logo-right img-responsive" src="img/logo-right.png" />
</div>
</div>
<div class="clearfix"></div>
<ion-nav-view></ion-nav-view>
</body>
And in my app.js I config some route.
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('hearings', {
url: '/hearings',
controller: 'HearingsController',
templateUrl: "templates/hearings.html",
})
.state('hearing', {
url: '/hearings/:hearingGUID',
controller: 'HearingController',
templateUrl: "templates/hearing.html"
})
$urlRouterProvider.otherwise("/hearings");
})
But I found some problem, the first one is when loaded pages, my “hearings” route page seem not realize the navigation bar, because i found on ion-content has auto generate “has header” class with 44px white as you see on below image
And the second one is I can’t scroll to the end of the
Have anyone face with this problem before? Thanks for your help