Angular Material 响应式可滚动 div答案

【问题标题】：Angular Material responsive scrollable divAngular Material 响应式可滚动 div
【发布时间】：2016-07-14 08:07:21
【问题描述】：

我正在尝试制作一个包含重复对象的组件，类似于标记为“设计”、“开发”等的组件。in this example。我希望它以与这些相同的方式响应窗口高度（请注意，当您垂直缩小页面时，页脚也会上升）。基本上，可滚动部分（可能是 md-content？）需要响应。

这是我目前的总体布局：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>

有什么想法吗？

【问题讨论】：

编辑：假设项目是由 ng-repeat 产生的。

标签： angularjs responsive angularjs-material

【解决方案1】：

你可以试试：

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

您需要根据元素的数量更改height: 8vh。

【讨论】：

但是如果项目是 ng-repeat 的结果呢？
所以你需要动态设置 vh(x/items.length)。