Md-内容不滚动答案

【问题标题】：Md-content not scrollingMd-内容不滚动
【发布时间】：2016-09-17 21:34:29
【问题描述】：

我试图创建一个带有粘性标题的 2 列网站，但我的页面无法正常滚动。

index.html

<body layout="column">
    <navbar></navbar> <!-- directive header -->
    <ng-view></ng-view> <!-- main view -->
    <foot></foot>     <!-- directive footer-->
</body>

main.html

<md-sidenav class="md-sidenav-left" md-component-id="left" md-whiteframe="4">

    <md-toolbar class="md-theme-indigo">
        <h1 class="md-toolbar-tools">Sidenav Left</h1>
    </md-toolbar>
    <md-content layout-padding ng-controller="LeftCtrl">
        <p hide show-gt-md>
            Filters
        </p>
    </md-content>

</md-sidenav>

<md-content flex style="overflow-y:auto">
    <!-- Large text -->
</md-content>

navbar.html

 <md-toolbar layout="row">
  <button ng-click="toggleSidenav('left')" hide-gt-sm class="menuBtn">
    <span class="visually-hidden">Menu</span>
  </button>
  <h1 class="md-toolbar-tools" layout-align-gt-sm="center">Hello World</h1>
</md-toolbar>

【问题讨论】：

为您的问题创建一个插件
plnkr.co/edit/xrBpaIg53gHPT4wOUDfb
你检查答案了吗？

标签： html angularjs angular-material

【解决方案1】：

将其添加到您的 ng-view 中，因为您将 md-content 嵌入其中，

 <ng-view  flex layout="column" style="overflow: scroll;" ></ng-view>

DEMO

【讨论】：

这对我不起作用：标题和内容在同一组中具有相同的滚动，不仅适用于内容。
你检查我连接的 plunker 了吗？
@mummakill 为什么标题需要滚动条？这不是一个好的设计
对于带有粘性标题的内容，我需要一个独立的滚动条，但我的滚动条适用于标题和内容。
@mummakill 我附加的演示是独立滚动的内容，仅带有粘性标题