Question

我在我的网页上使用了多个<md-subheader>，但是当用户向下滚动时（例如在demo中），它们并没有坚持到顶部。

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

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

这是codepen。

基于另一个question I had，只需将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。