角度材质响应滚动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

回答

相关问题