angular2-material md-content滚动问题

Question

我正在努力建立一个结构，

1. md-toolbar始终是固定的
2. 如果内容溢出，则只有md-content在整个页面上滚动。
3. md-sidenav及其内容应始终固定，无论其模式如何（＆＃39; over＆＃39;或＆＃39; side＆＃39;）
   
   

供参考的图片： -



在尝试和浪费时间2天之后，我能够在下面的plunkr中实现结构。它滚动整个页面而不仅仅是内容。

[PLUNKR DEMO][2]

http://plnkr.co/edit/ORA0KloDddgseMIOQ71i?p=preview




我正在尝试使用的结构： -

<md-sidenav-layout>
    <md-sidenav #start mode="{{hasMedia('gt-xs') ? 'side' : 'over'}}" [opened]="true">


    </md-sidenav>

    <md-content flex >
        <md-toolbar class="fixed-toolbar" color="warn">


        </md-toolbar>
        <div layout="column" layout-fill layout-align="top center">

            <div class="routerview">
                <router-outlet></router-outlet> // the only dynamically changing part in whole SPA.
            </div>
        </div>
        <div flex></div>
    </md-content>
</md-sidenav-layout>

Answer 1

在angular2材质中尚未实现Md内容，不清楚是否或何时实现它。