我正在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之外。
我该如何解决这个问题?
即使我接受了答案,我仍然遇到了问题,因为我的主页需要有100%的高度,但是css calc会将指定的百分比减少并且溢出-y隐藏不会让我向下滚动。我最终使用了Viewport Percentage - 在我的CSS中将ng-view div设置为100vh为我解决了问题。
height: 100vh;