Angular Material，侧边栏中的列表不可滚动

我正在使用AngularJS和Angular Material

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

这是我的代码：

边栏.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>

路由器.js

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

main.css

body {
    overflow: hidden;
 }

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

你有主意吗？

编辑1:

如果我添加这样的高度（=列表滚动，但它被裁剪了100像素），它几乎可以工作：

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

但当我尝试做例如height: 100%时，它不起作用，甚至不会滚动。