ng-view height 100%溢出

时间:2015-05-02 22:54:31

标签: html css angularjs

我正在angularjs中构建一个应用程序,我的索引页面有一个ng-view,其中所有内容都是用ui-router注入的:

<header>
    <nav class="navbar">
        //navbar content here
    </nav
</header>

<div ng-view></div>

这里的问题是我的主页需要有100%的高度 - 它是在ng-view中注入的,因此我将ng-view的高度设置为100%。 现在,当渲染每个其他ng-view页面时,我在页面上有一个垂直溢出 - ng-view的高度(100%)加上菜单的高度,因为它在ng-view之外。

Here is a plunker example

我该如何解决这个问题?

即使我接受了答案,我仍然遇到了问题,因为我的主页需要有100%的高度,但是css calc会将指定的百分比减少并且溢出-y隐藏不会让我向下滚动。我最终使用了Viewport Percentage - 在我的CSS中将ng-view div设置为100vh为我解决了问题。

height: 100vh;

0 个答案:

没有答案