角度材質響應滾動div

我正在嘗試使用類似於標有「設計」，「開發」等標記的重複對象製作組件。in this example。我希望它以與這些相同的方式響應窗口高度（請注意，當您垂直縮小頁面時，頁腳也會增加）。基本上，可滾動部分（可能是md-content？）需要有響應。角度材質響應滾動div

這是我目前的總體佈局：jsfiddle。

<body> 
     <div class="header">My nav bar</div> 
     <div class="wrapper"> 
      <div class="myfeed"> 
      <div class="feed-header">Feed header</div> 
      <div class="feed-content"> 
       <div class="item">item 1</div> 
       <div class="item">item 2</div> 
       <div class="item">item 3</div> 
       <div class="item">item 4</div> 
       <div class="item">item 5</div> 
       <div class="item">item 6</div> 
      </div> 
      </div> 
     </div> 
     </body>

任何想法？

來源

2016-07-14 user120342

編輯：假設項目來自ng重複。 – user120342

你可以嘗試：

.item { 
    background-color: yellow; 
    height:8vh; 
    margin-top:5px; 
}

您需要根據元素的數量來改變height: 8vh。

來源

2016-07-14 08:11:04

但是如果項目是ng-repeat的結果呢？ – user120342

所以你需要動態設置vh（x/items.length）。 –

角度材質響應滾動div

回答

相關問題