首页 文章

角度材料2滚动内部选项卡

提问于
浏览
1

我想要一个sidenav,顶部有一些按钮,下面的标签包含不同的数据 . 我想让选项卡内部滚动,以便顶部的按钮永远不会离开视图,这样我的用户在想要使用其中一个按钮时就不会向上滚动 .

这是一个例子:https://stackblitz.com/edit/angular-wdjfaa

正如您在示例中所看到的,当您打开抽屉时,没有任何滚动 . 在styles.scss我添加了

.mat-drawer {
    overflow-y: unset!important;
}

这样整个抽屉就不会滚动 . 我能够让它滚动的唯一方法是为标签主体设置一个固定的像素高度,我不想做,因为我需要它有100%的高度 .

有人有任何想法吗?

谢谢!

2 回答

  • 0

    尝试在css中使用sticky属性 . 将以下类添加到styles.scss中

    .mat-tab-header {
        z-index: 9999;
        position: sticky !important;
        top: 0px;
        background-color: white !important;
    }
    
  • 1

    我只是将其更改为滚动,似乎有效:

    .mat-drawer {
        overflow-y: scroll
    }
    

    这是你想要完成的吗? https://stackblitz.com/edit/angular-wdjfaa-w7vurx

相关问题