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

Question

我正在使用 AngularJS，并且 Angular Material

我想要一个list在sidebar (左)，我成功了，但我不知道如何将其设置为可滚动。

这是我的代码:

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:

如果我添加这样的高度(=列表 scolls，但它被裁剪了 100 像素)，它几乎可以工作:

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

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

Answer 1

它应该有一个固定的高度并设置溢出滚动。