离子应用程序页面比视口长,因此页面可以稍微滚动隐藏状态栏下的标题

时间:2016-02-27 08:07:37

标签: android cordova ionic-framework

我知道这个问题之前已经被问过并得到了解答。例如:Why does my Cordova WebView have an extra 20px of scrolling?

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

这个问题使得应用看起来像一个网站,而不是一个非常糟糕的原生应用。

2 个答案:

答案 0 :(得分:0)

在我的Ionic Android应用程序中,顶部有导航栏,下面有内容,我在index.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>

这种布局不会给我任何过度滚动问题,你呢?

答案 1 :(得分:0)

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

这不是完美的......

在任何情况下我都不再需要这个了,因为我决定更改应用程序并开始使用侧边菜单进行导航而不是标签...