Angular Material md-subheader 不粘

Question

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

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

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

这里是codepen.

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

Answer 1

section 适合 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。

Angular Material md-subheader not sticky