Angular Material 2 在 Mat 选项卡内滚动

标签 angular scroll angular-material2

我想要一个 sidenav,它在顶部有一些按钮,在下面有包含不同数据的选项卡。我想让选项卡的内部滚动,这样顶部的按钮就永远不会消失,这样我的用户就不会在想要使用其中一个按钮时向上滚动。

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

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

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

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

有人有什么想法吗?

谢谢!

最佳答案

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

.mat-drawer {
    overflow-y: scroll
}

这是您要实现的目标吗? https://stackblitz.com/edit/angular-wdjfaa-w7vurx

关于Angular Material 2 在 Mat 选项卡内滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49202976/

相关文章:

html - Material2 图标和标题文本 CSS 未正确对齐

angular - 使用 UMD bundle bundle Angular 2 应用程序(不构建 vendor bundle )

Angular2 访问模板变量的值,

javascript - 如何将ISO8601 json转换为正常日期格式

java - 没有灰色区域的可滚动 JPanel

css - 有没有办法在 CSS 中指定溢出?

angular - 没有将 exportAs 设置为 matAutocomplete 的指令

intellij-idea - 在 IntelliJ IDEA 中同时滚动多个拆分

angular - 如何更新 Angular Material

angular - 模板解析错误 : There is no directive with "exportAs" set to "matMenu"