角材料md-subheader不粘

Question

我在页面上使用了几个<md-subheader> ，但是当用户向下滚动时（例如在演示中），它们并没有停留在顶部。

有任何想法吗？ 也许我的布局引起了问题？

<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]">

这是工作码本。