In index.html:
<body>
<ion-nav-bar class="bar-positive nav-title-slide-ios7" align-title="center">
</ion-nav-bar>
<ion-nav-view>
</ion-nav-view>
In template.html:
<ion-view id="welcome" hide-nav-bar="true">
<ion-content has-bouncing="false">
<div id="welcome-img"> <!-- with a image background -->
</div>
</ion-content>
In CSS:
.scroll, .scroll-content, .pane {
height: 100%;
}
But the result is:
.scroll is always 1px higher than .pane;
.scroll-content is always 1px higher than .scoll
Anyone can tell me how to make .scoll-content, .scroll and .pane have the same Height? Thanks