Angular Material md-subheader 不粘

【问题标题】：Angular Material md-subheader not stickyAngular Material md-subheader 不粘
【发布时间】：2016-07-11 08:20:38
【问题描述】：

我在我的页面上使用了几个<md-subheader>s，但是当用户向下滚动时它们不会粘在顶部（就像在demo 中一样）。

有什么想法吗？也许是我的布局导致了问题？

<body>
  <div>
    <md-toolbar>
    <div>
      <md-sidenav>
      <md-content>
        <section>
          <md-subheader>
...

这是codepen。

基于另一个question I had，只需将layout="column" layout-fill 添加到顶部div 也可以。

【问题讨论】：

【解决方案1】：

sections 适合 md-content。因此，当您滚动时，您不会在 md-content 内滚动。为了使粘性起作用，您应该在md-content 内滚动。

我给md-content设置了500px的高度，这样你就可以看到效果了。

<md-content layout="column" layout-padding flex style="height: 500px;">

    <!-- Report content -->

    <section ng-repeat="i in [1,2,3,4,5]">

这是工作的codepen。

【讨论】：

谢谢！这绝对是一个解决方案，但我不想限制我的md-content 的高度。有没有办法让他们坚持我的场景？或者这只是不应该使用md-subheader 的粘性吗？
基于另一个question I had，只需将layout="column" layout-fill添加到顶部div即可。