角度材质，侧栏中的列表不可滚动

Question

我正在使用AngularJS和Angular材质

我想在侧边栏中有一个列表 （左），我成功了，但是我不知道如何设置它可滚动。

这是我的代码：

sidebar.html

<div ng-controller="SideBarCtrl as sideBarCtrl">
  <md-sidenav class="site-sidenav md-sidenav-left"
  md-component-id="left"
  md-is-locked-open="$mdMedia('gt-sm')">
  <md-toolbar class="md-whiteframe-z1">
    <div flex>
      <md-content>
        <md-list>
          <md-list-item layout-padding class="md-3-line" ng-repeat="day in sideBarCtrl.week" ng-click="null">
            <div class="md-list-item-text" layout="column">
              <h3>{{ day }}</h3>
            </div>
            <md-divider ></md-divider>
          </md-list-item>
        </md-list>
      </md-content>
    </div>
  </md-toolbar>
</md-sidenav>
</div>

Router.js

.when('/', {
     templateUrl: 'views/sidebar.html',
     controller: 'SideBarCtrl',
     controllerAs: 'sideBarCtrl'
   })

main.css

body {
    overflow: hidden;
 }

我将CSS设置为这样，以便主页不会滚动。 （但即使没有这种溢出，它也不会起作用）

你有想法吗？

编辑1：

如果我添加这样的高度（=列表杂色，但以100px裁剪），则几乎可以正常工作：

<md-list style="overflow: scroll; height: 100px";>
...
</md-list>

但是，当我尝试执行例如height: 100%时，它不起作用，甚至无法滚动。

Answer 1

它应该具有固定的高度，并将溢出设置为滚动。