2
我從必須被執行的UX設計......儘管我認爲我們應該用一個模式，我一直在說的代碼是什麼我」已經得到了。股利支付頁面的其餘部分只呈現到瀏覽器的高度，而不是內容
所以，我有一個標題，其中包含一個菜單欄，其中包含3個超鏈接，點擊其中的一個將切換一個子菜單（我已經使用了Angular Bootstrap UI摺疊）。現在，子菜單內容下面我們要隱藏部分頁面/視圖的其餘部分的內容，我用AngularJS」 ng-class切換的一類。
這裏是一個編輯HTML結構
<header>
<div class="container-fluid">
<div class="row-fluid">
<!-- our main menu here -->
</div>
</div>
<!-- sub menus - SEARCH -->
<div class="container-fluid" collapse="searchCollapsed" data-ng-cloak>
<div class="row-fluid">
Search Submenu
</div>
</div>
<!-- filter sub -->
<div class="container-fluid sub-menu" collapse="sortCollapsed" data-ng-cloak>
<div class="row-fluid">
Filter Sub Menu
</div>
</div>
<!-- filter sub - FILTER -->
<div class="container-fluid sub-menu" collapse="filterCollapsed" data-ng-cloak>
<div class="row-fluid">
Filter Sub Menu
</div>
</div>
</header>
<!-- spoof model -->
<div data-ng-class="{'menu-model': !filterCollapsed}"></div>
<!-- main body -->
<section>
<!-- unlimited amount of div rows here -->
<section>
和這裏是我在
.menu-model {
height: 100%;
width: 100%;
position: absolute;
background: black;
opacity: .8;
z-index: 1001;
}
一切切換「菜單模式」類的CSS似乎不過只是我的惡搞模式工作包括一些是<section>之間的內容。如果我滾動瀏覽器窗口的原始高度，我的欺騙模型會停止，其餘內容將顯示爲正常。我可以將'menu-model'類的高度設置爲1000％，但這會超過<section>標記之間的內容高度，用戶將能夠切換空白區域。我有什麼做的。模型，模型，它將覆蓋整個頁面高度，而不是瀏覽器的高度。
在此先感謝
你試過'最小高度：100％'？ – Mathias
是的，我有，它做出了惡搞div的高度沒有差異。不管怎麼說，還是要謝謝你 –