1

我正在使用angularJS + topcoat 构建一个带有phonegap 的android 应用程序。我设法创建了索引页面、视图和所有基本结构。我的问题是，有些页面（部分）没有要显示的数据。在这种情况下，视图不会填满页面的高度。这造成了一个问题，因为我有一个使用 angular-snap 隐藏的抽屉菜单。因为页面没有填满所有可用的高度，所以应该隐藏的菜单是可见的。有谁知道如何处理这种情况？我附上一张图片来举例说明！应用示例 谢谢！

4

2 回答 2

0

为什么不使用 css min-height 属性。假设您的应用程序的每个页面都包含在一个 div 中，如下所示：

<div classs="page">
  //your page content
  ...
</div>

然后，您可以创建以下 CSS 规则

.page {
  min-height :100%;
}

这将确保即使内容的高度小于屏幕的总高度，它也会占据页面高度的 100%。

于 2013-11-20T18:59:01.317 回答
0

我设法在 Nicolas 的帮助下解决了这个问题。它一开始没有用，因为我在部分 div 上设置了新样式。尝试了一段时间后，我将类设置在包含 ng-view 指令的“主”div 上，并且它起作用了。只是一个例子，以防其他人有同样的问题：

<body ng-controller="MainCtrl"> 
    <div snap-content snap-options="snapOpts" class="page">
        <div ng-view ng-class="slide"></div>
    </div>
</body>

.page {
   min-height :100%;
   background:inherit;
}

注意：我必须为页面类设置背景，否则它将不起作用。

于 2013-11-21T10:28:13.023 回答