我想要一个sidenav,顶部有一些按钮,下面的标签包含不同的数据 . 我想让选项卡内部滚动,以便顶部的按钮永远不会离开视图,这样我的用户在想要使用其中一个按钮时就不会向上滚动 .
这是一个例子:https://stackblitz.com/edit/angular-wdjfaa
正如您在示例中所看到的,当您打开抽屉时,没有任何滚动 . 在styles.scss我添加了
.mat-drawer {
overflow-y: unset!important;
}
这样整个抽屉就不会滚动 . 我能够让它滚动的唯一方法是为标签主体设置一个固定的像素高度,我不想做,因为我需要它有100%的高度 .
有人有任何想法吗?
谢谢!
2 回答
尝试在css中使用sticky属性 . 将以下类添加到styles.scss中
我只是将其更改为滚动,似乎有效:
这是你想要完成的吗? https://stackblitz.com/edit/angular-wdjfaa-w7vurx