Angular Material md副标题不粘性

Angular Material md-subheader not sticky

本文关键字：副标题 Material md Angular      更新时间：2023-09-26

我在页面上使用了几个<md-subheader>，但当用户向下滚动时（如演示中），它们不会粘在顶部。

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

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

这是一支电笔。

基于我的另一个问题，只是将layout="column" layout-fill添加到顶部的div作品中。

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

这是正在工作的代码笔。

相关文章：