Ionic 应用程序页面比视口长，因此页面可以滚动一点，隐藏状态栏下的标题

Question

我知道这个问题以前有人问过和回答过。例如：为什么我的 Cordova WebView 有额外的 20px 滚动？

但是，提供的解决方案似乎适用于旧版本，现在不起作用。我尝试将应用程序设置为全屏，虽然应用程序确实进入全屏模式，但页面仍然有点长，所以即使这样你也可以滚动它一点。

这个问题使应用程序看起来像一个网站，而不是一个可怕的本机应用程序。

Answer 1

在我的 Ionic Android 应用程序中，顶部有导航栏，下面有内容，我在索引中有这个.html（为了清楚起见，我内联了离子选项卡和 ion-nav-view 指令的模板）：

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<ion-nav-bar class="bar-dark">
    <ion-nav-back-button>
    </ion-nav-back-button>
</ion-nav-bar>
<ion-tabs>
    <ion-tab title="Broadcast" icon-off="ion-ios-mic-outline" icon-on="ion-ios-mic" class="tab-icon" href="#/tab/broadcast">
        <ion-nav-view name="tab-broadcast"></ion-nav-view>
    </ion-tab>
</ion-tabs>
<ion-nav-view>
    <ion-view view-title="BROADCAST">
        <ion-content>
            <div class="list">
                <div class="item item-body">
                    <p>Here is my stuff</p>
                </div>
            </div>
        </ion-content>
    </ion-view>
</ion-nav-view>

这个布局不会给我任何过度滚动的问题，你呢？

Answer 2

我设法通过调整ionic.css文件中的一些值来解决此问题，即.has-header，.has-subheader和.has-tabs-tops我还将 .view-container 的高度更改为 96% 而不是 100%，这很有帮助。

这并不完美...

无论如何，我不再需要这个了，因为我决定稍微更改一下应用程序并开始使用侧边菜单而不是选项卡进行导航......